对 Alert 组件使用外观

Alert 组件扩展了 Window 组件,并使用其标题背景的外观作为标题背景、使用 RectBorder 类的实例作为边框,使用 Button 的外观作为按钮的可视状态。要在创作时为按钮和标题栏设置外观,请修改 Flash UI Components 2/Themes/MMDefault/Window Assets/Elements/TitleBackground 和 Flash UI Components 2/Themes/MMDefault/Button Assets/ButtonSkin 中的元件。有关更多信息,请参见"使用组件"中的关于设置组件外观。默认情况下,边框和背景由 RectBorder 类提供。有关设置 RectBorder 类外观的信息,请参见RectBorder 类

Alert 组件使用以下外观属性动态地设置按钮和标题栏的外观:

属性

说明

默认值

buttonUp

按钮的弹起状态。

ButtonSkin
buttonUpEmphasized

默认按钮的弹起状态。

ButtonSkin
buttonDown

按钮的按下状态。

ButtonSkin
buttonDownEmphasized

默认按钮的按下状态。

ButtonSkin
buttonOver

按钮的滑过状态。

ButtonSkin
buttonOverEmphasized

默认按钮的滑过状态。

ButtonSkin
titleBackground

窗口的标题栏。

TitleBackground

将 Alert 组件的标题设置为自定义影片剪辑元件:

  1. 创建一个新的 FLA 文件。
  2. 通过选择"插入">"新元件"创建一个新元件。
  3. 将名称设置为 TitleBackground
  4. 如果高级视图未显示出来,则单击"高级"按钮。
  5. 选择"为 ActionScript 导出"。
  6. 标识符将自动填写为 TitleBackground
  7. 将 AS 2.0 类设置为 mx.skins.SkinElement

    SkinElement 是一个简单类,可用于所有自身不提供 ActionScript 实现方法的外观元素。该类为 Macromedia Component Architecture 第 2 版的组件提供移动和调整大小功能。

  8. 确保"在第一帧导出"处于选中状态。
  9. 单击"确定"。
  10. 打开新元件以进行编辑。
  11. 使用绘画工具创建一个黑色线条和红色填充的方框。
  12. 将边框样式设置为极细。
  13. 设置此方框(包括边框),使它位于 (0,0) 并且宽度为 100,高度为 22。

    Alert 组件将根据需要设置适当的外观宽度,但会使用现有的高度作为标题的高度。

  14. 单击"返回"按钮返回主时间轴。
  15. 将 Alert 组件拖到舞台上,然后将其删除。

    此操作会将 Alert 组件添加到库中,并使其在运行时可用。

  16. 向主时间轴添加 ActionScript 代码,创建一个范例 Alert 实例。
    import mx.controls.Alert;
    Alert.show("This is a skinned Alert component","Title");
    
  17. 选择"控制">"测试影片"。