对 DataGrid 组件进行动画处理

Flash 8 还使您能够在选择组件(如 DataGrid、Tree、ComboBox 或 List 组件)中的项时,对所使用的动画进行调整。尽管动画是模糊不清的,但是有些情况下能控制动画的微小细节或者增加动画速度仍然是好的。

将缓动添加到 DataGrid 组件中:

  1. 创建一个新的 Flash 文档并将其另存为 datagrid.fla。
  2. 将 DataGrid 组件的实例拖到舞台上,并为其指定名称 my_dg
  3. 插入一个新的图层,并将其重命名为 actions。

    确定 actions 图层在层 1 上面。

  4. 在该 actions 图层中添加以下 ActionScript:
    import mx.transitions.easing.*;
    my_dg.setSize(320, 240);
    my_dg.addColumn("product");
    my_dg.getColumnAt(0).width = 304;
    my_dg.rowHeight = 60;
    my_dg.addItem({product:"Studio"});
    my_dg.addItem({product:"Dreamweaver"});
    my_dg.addItem({product:"Flash"});
    my_dg.setStyle("selectionEasing", Elastic.easeInOut);
    my_dg.setStyle("selectionDuration", 1000);
    

    这段 ActionScript 代码将导入缓动类,并将舞台上的组件实例大小更改为 320 像素宽、240 像素高。然后,创建一个名为 product(产品)的新列,并将该列的大小更改为 304 像素宽。数据网格本身是 320 像素宽,而滚动条是 16 像素宽,有 304 像素的差值。然后将行高设置为 60 像素,这样会更易于看到缓动动画。

    ActionScript 的下三行将项目添加到数据网格,这样您可以单击并看到动画。最后,使用 setStyle() 方法设置 selectionEasingselectionDuration 属性。缓动方法设置为 Elastic.easeInOutduration 设置为 1000 毫秒(一秒,是默认值 200 毫秒的五倍)。

  5. 保存文档,然后选择"控制">"测试影片"以在测试环境中查看结果。

    当您单击 DataGrid 实例中的某个项目时,可以看到该项目使用弹性效果进行渐进和渐出。因为显著地增加了持续时间,应该很容易看到该动画。

    注意

    您还可以对 ComboBox、List 和 Tree 组件使用同样的属性(selectionEasingselectionDuration)。