对 Alert 组件使用外观

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

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

属性

描述

默认值

buttonUp

按钮的弹起状态。

ButtonSkin
buttonUpEmphasized

默认按钮的弹起状态。

ButtonSkin
buttonDown

按钮的按下状态。

ButtonSkin
buttonDownEmphasized

默认按钮的按下状态。

ButtonSkin
buttonOver

按钮的滑过状态。

ButtonSkin
buttonOverEmphasized

默认按钮的滑过状态。

ButtonSkin
titleBackground

窗口的标题栏。

TitleBackground

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

  1. 选择"文件">"新建"并选择"Flash 文件(ActionScript 2.0)"。
  2. 通过选择"插入">"新建元件"创建一个新元件。
  3. 将名称设置为 TitleBackground
  4. 如果高级视图未显示出来,则单击"高级"按钮。
  5. 选择"为 ActionScript 导出"。

    标识符将自动填写为 TitleBackground

  6. 将"类"设置为 mx.skins.SkinElement

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

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

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

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

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

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