• 微课视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
微课江湖
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 微课视频
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >flash > Flash组件教程:组件动画效果的修改

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

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-05-24

佚名 向大家分享了Flash组件教程:组件动画效果的修改,其中包含flash组件教程,flash组件视频教程,flash组件,flash组件下载,flash组件检查器等知识点,遇到此问题的同学们可以参考下
某些组件在用户的操作过程中,会出现一些很酷的动画效果。比如,使用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类,所以,如果要改变颜色标示动画效果。就需要直接修改ScrooSelectList的样式。不过,如果FLA里同时有几个这类的组件。全部都会受到影响的。如果只想修改List组件,就要利用组件类修改的方法。大家如果对easing类不太熟悉。下面举一个例子:



easing 包提供了的六个用于控制缓动的类:
Back 一次在一端或两端扩展到过渡范围之外以提供轻微的溢出效果。
Bounce 完全在过渡范围的一端或两端内提供弹跳效果。弹跳次数与持续时间有关:持续时间越长,弹跳次数越多。
Elastic 提供一端或两端超出过渡范围的弹性效果。弹性量不受持续时间影响。
None 提供从开始到结尾的无任何减速或加速效果的相同的运动。该过渡通常也称为线性过渡。
Regular 在加速效果、减速效果或这两种效果的一端或两端提供更慢的运动。
Strong 在一端或两端提供很慢的运动。此效果类似于 Regular,但更为显著。

easing 包的三个缓动方法:
easeIn 在过渡的开始提供缓动效果。
easeOut 在过渡的结尾提供缓动效果。
easeInOut 在过渡的开始和结尾提供缓动效果。

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



下面看看代码:
//导入easing类
import mx.transitions.easing.*;
//设置全局组件样式
_global.styles.ComboBox.setStyle("openDuration", 2000);
_global.styles.ComboBox.setStyle("openEasing", Elastic.easeOut);
//设置个别组件样式
my_ComboBox1.setStyle("openDuration", 250);
//取消my_ComboBox1的动画效果
my_ComboBox1.setStyle("openEasing", null);
这里,就用到了全局定义,以及局定义。也就是实例修改。实例修改的时候。只需要单独将需要设置样式的组件赋加上函数。

如上面所示,实例修改的语法:
组件实例.setStyle("属性",参数)
example:
import mx.transitions.easing.*;
my_ComboBox.setStyle("openEasing",Elastic.easeOut)

大家有不明白的地方,可以留言。呵呵...写得比较简单,大家将就着看哟... </div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

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

相关文章

  • 2017-05-24FLASH制作数字天地特效
  • 2017-05-24Flash Pro CC 2015创建遮罩层动画的实例教程
  • 2017-05-24用FLASH模拟平面运动机构
  • 2017-05-24FLASH 3D相册之利用BitmapData类制作
  • 2017-05-24教你利用Flash制作一个会走动的时钟(时针,分针,秒针)
  • 2017-05-24flash怎么制作图片慢慢缩小的动画?
  • 2017-05-24FLASH怎么绘制一条很简单的小鱼?
  • 2017-05-24flash动画制作:元件和元件的创建技巧介绍
  • 2017-05-24将swf文件转成可自动播放的exe文件
  • 2017-05-24Flash相册制作大师具体该如何使用 Flash相册制作大师使用教程

文章分类

  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax

最近更新的内容

    • Flash 脚本游戏开发教程第四课
    • Flash动画教程:制作好看的卷画动画效果图
    • Flash制作火柴棍人光剑短打动画
    • Flash制作物体逐渐显示的gif动画效果图
    • 利用flash基本工具绘制出图片中的图画
    • Flash as3代码打造漂亮的轻纱般变幻线效果
    • 用纯Flash Actionscript做的火柴棍小人跑的动画
    • 优化Flash Actionscript代码的三种方法
    • flash怎么给图片添加胶片效果?
    • FLASH绘制一只非常可爱的立体小瓢虫

关于我们 - 联系我们 - 免责声明 - 网站地图

©2015-2018 All Rights Reserved. 微课江湖 版权所有