将缓动方法应用于 Accordion 组件

本节描述如何将 Accordion 组件添加到 Flash 文档中、添加一些子幻灯片以及更改默认的缓动方法和持续时间。如果打算在项目中使用这段代码,需要减小 openDuration 属性值,以避免用户因打开和关闭 Accordion 组件的子组件时动画太慢而感到厌烦。

将不同的缓动方法应用到 Accordion 组件:

  1. 创建一个新的 Flash 文件并将其另存为 accordion.fla。
  2. 将 Accordion 组件的副本拖到舞台上。
  3. 打开"属性"检查器,并在"实例名称"文本框中键入 my_acc
  4. 在图层 1 上插入一个新图层,将其命名为 actions
  5. 在 actions 图层的第 1 帧中添加以下 ActionScript 代码:
    import mx.core.View;
    import mx.transitions.easing.*;
    my_acc.createChild(View, "studio_view", {label:"Studio"});
    my_acc.createChild(View, "dreamweaver_view", {label:"Dreamweaver"});
    my_acc.createChild(View, "flash_view", {label:"Flash"});
    my_acc.createChild(View, "coldfusion_view", {label:"ColdFusion"});
    my_acc.createChild(View, "contribute_view", {label:"Contribute"});
    my_acc.setStyle("openEasing", Bounce.easeOut);
    my_acc.setStyle("openDuration", 3500);
    

    这段代码导入缓动类,因此您可以键入 Bounce.easeOut 而无需使用如 mx.transitions.easing.Bounce.easeOut 之类的完全限定名称来引用各类。然后,代码将五个新子窗格添加到 Accordion 组件中(Studio、Dreamweaver、Flash、ColdFusion 和 Contribute)。最后两行代码将缓动样式从默认缓动方法设置为 Bounce.easeOut,然后将动画长度设置为 3500 毫秒(3.5 秒)。

  6. 保存文档,然后选择"控制">"测试影片"以在测试环境中预览此文件。

    单击不同的标题栏以查看修改的动画以及在每个窗格间切换。

    如果想增加动画的速度,请将 openDuration 从 3500 毫秒减少到一个较小的数字。动画的默认持续时间是 250 毫秒(四分之一秒)。