为部分实例创建外观

为部分实例创建外观

使用以下常规过程可以为组件的部分实例创建外观:

  • 在“库”面板中组件的 Assets 文件夹中选择外观。
  • 重制外观并为其赋予唯一的类名称。
  • 编辑外观,为其指定所需的外观。
  • 调用组件实例的 setStyle() 方法,为外观样式赋予新外观。

以下过程为两个 Button 实例中的一个创建新的 selectedDownSkin。

为 Button 创建新的 selectedDownSkin:

  1. 创建一个新的 Flash 文件 (ActionScript 3.0) 文档。
  2. 将两个 Button 从“组件”面板拖到舞台上,并为其指定实例名称 aButtonbButton
  3. 打开“库”面板,然后打开其中的 Component Assets 和 ButtonSkins 文件夹。
  4. 单击 selectedDownSkin 外观将其选中。
  5. 右击打开上下文菜单,然后选择“直接复制”。
  6. 在“重制元件”对话框中,为新外观指定唯一名称,例如“Button_mySelectedDownSkin”。然后单击“确定”。
  7. 在“库”> Component Assets > ButtonSkins 文件夹中,选择 Button_mySelectedDownSkin,并右键单击以打开上下文菜单。选择“链接”打开“链接属性”对话框。
  8. 单击“为 ActionScript 导出”复选框。将“在第一帧导出”复选框保持选中状态并确保类名称是唯一的。单击“确定”,然后再次单击“确定”以响应警告,该警告指示无法找到类定义并将创建一个类定义。
  9. 双击“库”面板中的 Button_mySelectedDownSkin 外观,在元件编辑模式下打开该外观。
  10. 单击外观中心的蓝色填充,直至其颜色出现在“属性”检查器的“填充颜色选择器”中。单击颜色选择器并为外观填充选择颜色 #00CC00。
  11. 单击舞台上方编辑栏左侧的“返回”按钮,返回到文档编辑模式。
  12. 在“属性”检查器中,单击每个按钮的“参数”选项卡并将 toggle 参数设置为 true
  13. 将以下代码添加到时间轴第 1 帧的“动作”面板上:
    bButton.setStyle("selectedDownSkin", Button_mySelectedDownSkin);
    bButton.setStyle("downSkin", Button_mySelectedDownSkin);
    
  14. 选择“控制”>“测试影片”。
  15. 单击每个按钮。请注意,bButton 对象的按下外观(选中和取消选中)使用新的外观元件。

<script type="text/javascript"></script>

你可能感兴趣的:(JavaScript,Flash,actionscript)