对 Button 组件使用外观

Button 组件包含 32 种不同的外观,可以将这些外观自定义为与处于 16 种不同状态的边框和图标相对应。要在创作时设置 Button 组件的外观,请用所需的图形创建新的影片剪辑元件,并使用 ActionScript 设置该元件的链接标识符。(有关详细信息,请参阅使用 ActionScript 绘制 Button 外观。)

"光晕"和"范例"主题提供的 Button 外观的默认实现使用 ActionScript 绘图 API 来绘制按钮的状态,并使用与一个 ActionScript 类关联的单个影片剪辑元件来提供 Button 组件的所有外观。

因为按钮有很多状态,并且每种状态都有一个边框和图标,所以 Button 组件有许多外观。Button 实例的状态由四个属性和用户交互进行控制。以下属性影响外观:

属性

描述

emphasized

提供 Button 实例的两种不同外观,通常用于加亮显示某个按钮(如表单中的默认按钮)。

enabled

显示按钮是否允许用户交互。

toggle

提供选中和未选中值,并使用不同的外观表示当前值。对于 toggle 属性设置为 false 的 Button 实例,将使用 false 外观。当 toggle 属性为 true 时,外观取决于 selected 属性。

selected

toggle 属性设置为 true 时,此属性确定 Button 是否被选中(truefalse)。该值通过使用不同的外观进行标识,这也是默认情况下在屏幕上描绘此值的唯一方式。

如果按钮已启用,当鼠标指针在它上方移动时,它会显示其"指针经过"状态。在按下按钮时,按钮将接收输入焦点并显示其"按下"状态。当松开鼠标后,按钮又返回其"指针经过"状态。如果在按下鼠标时指针移离按钮,按钮就会返回到其初始状态并保留输入焦点。如果 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 状态的交互式演示影片