自定义 RadioButton 组件

在创作过程中和运行时,您都可以在水平和垂直方向上改变 RadioButton 组件的形状。在创作时,在舞台上选择组件并使用“任意变形”工具或任何“修改”>“变形”命令。在运行时,使用 setSize() 方法(请参阅UIObject.setSize())。

RadioButton 组件的边框是不可见的,它同时也指定了组件的点击区。 如果您增加组件的大小,也就增加了点击区的大小。 

如果组件边框太小而无法容纳组件标签,标签将被裁剪以适合边框。

对 RadioButton 组件使用样式

您可以设置样式属性以更改 RadioButton 的外观。如果样式属性的名称以“Color”结尾,则它是颜色样式属性,并且行为与非颜色样式属性不同。有关详细信息,请参阅使用样式自定义组件的颜色和文本

RadioButton 组件使用下列“光晕”样式:

样式

描述

themeColor

组件的背景。这是唯一不继承样式值的颜色样式。可能的值包括“haloGreen”、“haloBlue”和“haloOrange”。

color

组件标签的文本。

disabledColor

禁用的文本颜色。

fontFamily

文本的字体名称。

fontSize

字体的磅值。

fontStyle

字体样式;“常规”或“斜体”。

fontWeight

字体粗细;“常规”或“粗体”。

对 RadioButton 组件使用外观

通过修改库中的组件元件,可以在创作时设置 RadioButton 组件的外观。RadioButton 组件的外观位于 HaloTheme.fla 或 SampleTheme.fla 中,这些文件位于库中的下列文件夹中:Flash UI Components 2/Themes/MMDefault/RadioButton Assets/States。请参阅关于设置组件外观

如果单选按钮已启用但未被选中,当用户将指针移到它上方时,它会显示其滑过状态。当用户单击未被选中的单选按钮时,该单选按钮将接收输入焦点并显示其“false”按下状态。当用户松开鼠标时,单选按钮显示其“true”状态,组内先前被选中的单选按钮显示其“false”状态。如果用户在按下鼠标时将指针移离单选按钮,单选按钮的外观会恢复到其“false”状态并保留输入焦点。

如果单选按钮或单选按钮组被禁用,则不论用户进行什么交互操作,它都会显示禁用状态。 

如果您使用 UIObject.createClassObject() 方法动态创建 RadioButton 组件实例,那么,您也可以动态设置组件外观。要动态设置 RadioButton 组件的外观,请将外观属性传递给 UIObject.createClassObject() 方法。有关详细信息,请参阅关于设置组件外观。外观属性指明使用哪个元件显示组件。

RadioButton 组件使用以下外观属性:

名称

描述

falseUpIcon

未选中状态。默认值为 radioButtonFalseUp

falseDownIcon

按下且未选中的状态。默认值为 radioButtonFalseDown

falseOverIcon

悬停而未选中的状态。默认值为 radioButtonFalseOver

falseDisabledIcon

禁用而未选中的状态。默认值为 radioButtonFalseDisabled

trueUpIcon

选中状态。默认值为 radioButtonTrueUp

trueDisabledIcon

禁用的选中状态。默认值为 radioButtonTrueDisabled