ActionScript 2.0 组件语言参考

Button 组件 > 自定义 Button 组件 > 对 Button 组件使用外观 > 使用影片剪辑自定义 Button 外观

使用影片剪辑自定义 Button 外观

上面的示例演示了如何使用 ActionScript 类自定义 Button 外观，"光晕"主题和"范例"主题中提供的外观都使用此方法。但是，因为该示例使用简单的着色框，所以在本例中将不同影片剪辑元件用作外观较为简单。

创建 Button 外观的影片剪辑元件：

选择"文件">"新建"并选择"Flash 文件(ActionScript 2.0)"。
通过选择"插入">"新建元件"创建一个新元件。
将名称设置为 RedButtonSkin。
如果高级视图未显示出来，则单击"高级"按钮。
选择"为 ActionScript 导出"。
标识符将自动填写为 RedButtonSkin。
将"类"设置为 mx.skins.SkinElement。
确保"在第一帧导出"处于选中状态，然后单击"确定"。
打开新元件以进行编辑。
使用绘画工具创建一个黑色线条和红色填充的方框。
将边框样式设置为极细。
设置方框（包括边框），使它位于 (0,0) 并且宽度和高度皆为 100。
SkinElement 类将适当调整内容的大小。
重复步骤 2-11 创建绿色和蓝色外观，根据颜色相应命名。
单击"返回"按钮返回主时间轴。
将 Button 组件拖到舞台上。
将 toggled 属性值设置为 true，以便看到所有三个外观。

将以下 ActionScript 代码复制到"动作"面板中，同时选中 Button 实例。

onClipEvent(initialize) {
    falseUpSkin = "BlueButtonSkin";
    falseDownSkin = "GreenButtonSkin";
    falseOverSkin = "BlueButtonSkin";
    falseDisabledSkin = "BlueButtonSkin";
    trueUpSkin = "RedButtonSkin";
    trueDownSkin = "RedButtonSkin";
    trueOverSkin = "RedButtonSkin";
    trueDisabledSkin = "RedButtonSkin";
}

选择"控制">"测试影片"。

查看 LiveDocs 上的注释