Flash组件教程:组件动画效果的修改

　　某些组件在用户操作过程中会出现些很酷动画效果比如使用TREE制作下拉菜单或者ComboBox制作下拉菜单时下拉列表很酷滑出来这种效果主要是借助Tween类或者easing类完成般效果分为 3类:

　　A、Open:使用组件打开子部分动画效果时这类效果支持组件包括:ComboBox、Accordion、Tree；

　　B、Popup:使用组件弹出子部分动画效果时支持组件MenuBar；

　　C、Selection:当组件里项目被选中中出现些颜色标示动画效果支持组件:ComboBox、DataGrid、List、Tree

　　对组件动画效果修改也分为 3类:全局修改、组件类修改、例子化修改(随后有详细介绍) [heart] 有关Open类动画效果可有两个属性:

　　、openDuration:动画持续时间单位为毫秒数值越小动画越快

　　 2、openEasing:动画效果类使用mx.transition.easing包里类包括Back、Bounce、Elastic、None、Regular、Strong这些动画效果要配合Tween类以及淡出淡入来实现

　　[heart] 修改弹出类动画效果(Popup)只有个属性:

　　poputDuration:动画持续时间和openEasing相同这类效果般只支持MenuBar组件所以只有下拉菜单时候弹出时间长短这属性大家定要记住哦

　　[heart] 修改选择颜色标示(Selection)类动画效果可以有以下两个属性:

　　selectionDuration:动画持续时间跟openEasing相同；

　　selectionEasing:动画效果类和openEasing相同

　　例如:修改ComboBox组件下拉列表会修改动画效果动画效果在1秒内完成:

　　_global.styles.ComboBox.Styles("openDuration",1000)

　　//设置打开类动画效果

　　_global.styles.ComboBox.Styles("openEasing",mx.transitions.easing.Elastic.easeOut);

　　当然这上面后面段可能有些复杂对吧下面就来简化下:

　　import mx.transitions.easing.*;

　　_global.styles.ComboBox.Styles("openDuration",1000);

　　_global.sytles.ComboBox.Styles("openEasing",Elastic.easeOut);

　　下面再举个修改List组件颜色标示动画效果:

　　import mx.transitions.easing.*;

　　_global.styles.ScrollSelectList.Style("selectionDruation",1000);

　　_global.styles.ScrollSelectList.Style("selectionEasing",Elastic.easeOut)

　　备注:ComboBox、DataGrid、List、MenuBar里Menu和Tree组件都是继承ScrooSelectList类所以如果要改变颜色标示动画效果就需要直接修改ScrooSelectList样式不过如果FLA里同时有几个这类组件全部都会受到影响如果只想修改List组件就要利用组件类修改思路方法大家如果对easing类不太熟悉下面举个例子:

　　easing 包提供了 6个用于控制缓动类:

　　Back 次在端或两端扩展到过渡范围的外以提供轻微溢出效果

　　Bounce 完全在过渡范围端或两端内提供弹跳效果弹跳次数和持续时间有关:持续时间越长弹跳次数越多

　　Elastic 提供端或两端超出过渡范围弹性效果弹性量不受持续时间影响

　　None 提供从开始到结尾无任何减速或加速效果相同运动该过渡通常也称为线性过渡

　　Regular 在加速效果、减速效果或这两种效果端或两端提供更慢运动

　　Strong 在端或两端提供很慢运动此效果类似于 Regular但更为显著

　　easing 包 3个缓动思路方法:

　　easeIn 在过渡开始提供缓动效果

　　easeOut 在过渡结尾提供缓动效果

　　easeInOut 在过渡开始和结尾提供缓动效果

　　先来看看Open这种动画效果演示:

　　下面看看代码:

　　//导入easing类

　　import mx.transitions.easing.*;

　　//设置全局组件样式

　　_global.styles.ComboBox.Style("openDuration", 2000);

　　_global.styles.ComboBox.Style("openEasing", Elastic.easeOut);

　　//设置个别组件样式

　　my_ComboBox1.Style("openDuration", 250);

　　//取消my_ComboBox1动画效果

　　my_ComboBox1.Style("openEasing", null);

　　这里就用到了全局定义以及局定义也就是例子修改例子修改时候只需要单独将需要设置样式组件赋加上

　　如上面所示例子修改语法:

　　组件例子.Style("属性",参数)

　　example:

　　import mx.transitions.easing.*;

　　my_ComboBox.Style("openEasing",Elastic.easeOut)

　　大家有不明白地方可以留言呵呵...写得比较简单大家将就着看哟...

延伸阅读