快速业务通道

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

作者 凌众技术 来源 网页制作 浏览 发布时间 2012-03-10

某些组件在用户的操作过程中,会出现一些很酷的动画效果。比如,使用TREE制作下拉菜单,或者ComboBox制作下拉菜单时,下拉列表很酷的滑出来。这种效果,主要是借助Tween类或者easing类完成的。一般的效果分为三类:
A、Open:使用组件打开子部分动画效果时,这类效果支持的组件包括:ComboBox、Accordion、Tree;
B、Popup:使用组件弹出子部分动画效果时,支持组件MenuBar;
C、Selection:当组件里的项目被选中中,出现一些颜色标示动画效果,支持组件:ComboBox、DataGrid、List、Tree。

对组件动画效果的修改也分为三类:全局修改、组件类修改、实例化修改。(随后有详细介绍)

[heart] 关于Open类动画效果,可有两个属性:
一、openDuration:动画持续时间,单位为毫秒,数值越小,动画越快。
二、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.setStyles("openDuration",1000)
//设置打开类动画效果
_global.styles.ComboBox.setStyles("openEasing",mx.transitions.easing.Elastic.easeOut);

当然,这上面的后面一段,可能有些复杂。对吧。下面就来简化一下:
import mx.transitions.easing.*;
_global.styles.ComboBox.setStyles("openDuration",1000);
_global.sytles.ComboBox.setStyles("openEasing",Elastic.easeOut);

下面,再举一个修改List组件颜色标示动画效果:
import mx.transitions.easing.*;
_global.styles.ScrollSelectList.setStyle("selectionDruation",1000);
_global.styles.ScrollSelectList.setStyle("selectionEasing",Elastic.easeOut)
备注:ComboBox、DataGrid、List、MenuBar里的Menu和Tree组件都是继承ScrooSelectList类,所以,如果要改变颜色标示动画效果

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号