ActionScript 2.0 组件语言参考 |
|
|
|
| Button 组件 > 自定义 Button 组件 > 对 Button 组件使用外观 | |||
Button 组件包含 32 种不同的外观,可以将这些外观自定义为与处于 16 种不同状态的边框和图标相对应。要在创作时设置 Button 组件的外观,请用所需的图形创建新的影片剪辑元件,并使用 ActionScript 设置该元件的链接标识符。(有关详细信息,请参阅使用 ActionScript 绘制 Button 外观。)
"光晕"和"范例"主题提供的 Button 外观的默认实现使用 ActionScript 绘图 API 来绘制按钮的状态,并使用与一个 ActionScript 类关联的单个影片剪辑元件来提供 Button 组件的所有外观。
因为按钮有很多状态,并且每种状态都有一个边框和图标,所以 Button 组件有许多外观。Button 实例的状态由四个属性和用户交互进行控制。以下属性影响外观:
|
属性 |
描述 |
|---|---|
emphasized
|
提供 Button 实例的两种不同外观,通常用于加亮显示某个按钮(如表单中的默认按钮)。 |
enabled
|
显示按钮是否允许用户交互。 |
toggle
|
提供选中和未选中值,并使用不同的外观表示当前值。对于 |
selected
|
当 |
如果按钮已启用,当鼠标指针在它上方移动时,它会显示其"指针经过"状态。在按下按钮时,按钮将接收输入焦点并显示其"按下"状态。当松开鼠标后,按钮又返回其"指针经过"状态。如果在按下鼠标时指针移离按钮,按钮就会返回到其初始状态并保留输入焦点。如果 toggle 参数设置为 true,则在鼠标在它上方松开前,按钮的状态不会改变。
如果按钮被禁用,不管用户进行什么交互操作,它都会显示其禁用状态。
Button 组件支持以下外观属性:
|
属性 |
描述 |
|---|---|
falseUpSkin
|
弹起(正常)状态。 |
falseDownSkin
|
按下状态。 |
falseOverSkin
|
指针经过状态。 |
falseDisabledSkin
|
禁用状态。 |
trueUpSkin
|
切换状态。 |
trueDownSkin
|
按下切换状态。 |
trueOverSkin
|
指针经过切换状态。 |
trueDisabledSkin
|
禁用切换状态。 |
falseUpSkinEmphasized
|
强调按钮的弹起(正常)状态。 |
falseDownSkinEmphasized
|
强调按钮的按下状态。 |
falseOverSkinEmphasized
|
强调按钮的指针经过状态。 |
falseDisabledSkinEmphasized
|
强调按钮的禁用状态。 |
trueUpSkinEmphasized
|
强调按钮的切换状态。 |
trueDownSkinEmphasized
|
强调按钮的按下切换状态。 |
trueOverSkinEmphasized
|
强调按钮的指针经过切换状态。 |
trueDisabledSkinEmphasized
|
强调按钮的禁用切换状态。 |
falseUpIcon
|
图标弹起状态。 |
falseDownIcon
|
图标按下状态。 |
falseOverIcon
|
图标指针经过状态。 |
falseDisabledIcon
|
图标禁用状态。 |
trueUpIcon
|
图标切换状态。 |
trueOverIcon
|
图标指针经过切换状态。 |
trueDownIcon
|
图标按下切换装态。 |
trueDisabledIcon
|
图标禁用切换状态。 |
falseUpIconEmphasized
|
强调按钮的图标弹起状态。 |
falseDownIconEmphasized
|
强调按钮的图标按下状态。 |
falseOverIconEmphasized
|
强调按钮的图标指针经过状态。 |
falseDisabledIconEmphasized
|
强调按钮的图标禁用状态。 |
trueUpIconEmphasized
|
强调按钮的图标切换状态。 |
trueOverIconEmphasized
|
强调按钮的图标指针经过切换状态。 |
trueDownIconEmphasized
|
强调按钮的图标按下切换状态。 |
trueDisabledIconEmphasized
|
强调按钮的图标禁用切换状态。 |
所有以"Skin"结尾的外观属性的默认值均为 ButtonSkin,所有以"Icon"结尾的外观属性的默认值均为 undefined。以"Skin"为后缀的属性提供背景和边框,而以"Icon"为后缀的属性提供小图标。
除图标外观外,Button 组件还支持标准的 icon 属性。标准属性与样式属性之间的区别在于通过样式属性可以为单个状态设置图标,而使用标准属性只能设置一个图标,而且该图标会应用到所有状态。如果同时设置了一个 Button 实例的 icon 属性和图标样式属性,则该实例可能不会按预期的方式运行。
以下交互式演示影片说明何时使用每种外观。使用 4 个 ComboBox 实例设置与按钮外观相关的属性,然后单击鼠标、将鼠标滑过按钮以及与其交互,以查看为每个属性设置使用哪种外观。
16 种 Button 状态的交互式演示影片
|
|
|
|