组件语言参考 |
|
|
|
| Tween 类 > 将缓动方法应用于组件 > 对 DataGrid 组件进行动画处理 | |||
Flash 8 还使您能够在选择组件(如 DataGrid、Tree、ComboBox 或 List 组件)中的项时,对所使用的动画进行调整。尽管动画是模糊不清的,但是有些情况下能控制动画的微小细节或者增加动画速度仍然是好的。
将缓动添加到 DataGrid 组件中:my_dg。确定 actions 图层在层 1 上面。
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() 方法设置 selectionEasing 和 selectionDuration 属性。缓动方法设置为 Elastic.easeInOut,duration 设置为 1000 毫秒(一秒,是默认值 200 毫秒的五倍)。
当您单击 DataGrid 实例中的某个项目时,可以看到该项目使用弹性效果进行渐进和渐出。因为显著地增加了持续时间,应该很容易看到该动画。
|
注意 |
您还可以对 ComboBox、List 和 Tree 组件使用同样的属性( |
|
|
|
|