使用影片剪辑自定义 Accordion 标题外观

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

选择"文件">"新建"并选择"Flash 文件(ActionScript 2.0)"。
通过选择"插入">"新建元件"创建一个新元件。
将名称设置为 RedAccordionHeaderSkin。
如果高级视图未显示出来，则单击"高级"按钮。
选择"为 ActionScript 导出"。
标识符将自动填写为 RedAccordionHeaderSkin。
将"类"文本框保留为空。
确保"在第一帧导出"处于选中状态，然后单击"确定"。
打开新元件以进行编辑。
使用绘画工具创建一个黑色线条和红色填充的方框。
将边框样式设置为极细。
设置方框（包括边框），使它位于 (0,0) 并且宽度和高度皆为 100。
ActionScript 代码将根据需要调整外观大小。
重复步骤 2-11 创建绿色和蓝色外观，根据颜色相应命名。
单击"返回"按钮返回主时间轴。
将 Accordion 组件拖到舞台上。
设置 Accordion 属性，使其显示多个子项。
例如，将 childLabels 设置为 [One,Two,Three] 数组，将 childNames 设置为 [one,two,three] 数组。

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

onClipEvent(initialize) {
    falseUpSkin = "RedAccordionHeaderSkin";
    falseDownSkin = "GreenAccordionHeaderSkin";
    falseOverSkin = "RedAccordionHeaderSkin";
    falseDisabled = "RedAccordionHeaderSkin";
    trueUpSkin = "BlueAccordionHeaderSkin";
    trueDownSkin = "BlueAccordionHeaderSkin";
    trueOverSkin = "BlueAccordionHeaderSkin";
    trueDisabledSkin = "BlueAccordionHeaderSkin";
}

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

使用影片剪辑自定义 Accordion 标题外观

创建 Accordion 标题外观的影片剪辑元件：