flex4 的时间轴动画
来源:互联网 发布:三国战纪神剑进阶数据 编辑:程序博客网 时间:2024/06/13 12:36
flex4 的时间轴动画
http://zhangyulin20083.blog.163.com/blog/static/7762751020101012102747872/我想在未来的某个地方会用到的吧,所以在网上搜到了那么就保存在这里吧,有时间再深入的研究一下:
来源:http://www.puxiao.com/?p=366
Flex4里新增<s:Animate>,<s:MotionPath>,<s:KeyFrame>标签,可用来制作类似时间轴动画(依托于同一个显示对象不同的时间点上时,不同的属性值)。
具体的用法也很简单,看看下面的代码片断就明白了:
<fx:Declarations>
<s:Animate id=”myAnimate” target=”{myImage}”>
<s:MotionPath property=”width”>
<s:KeyFrame time=”0″ value=”10″/>
<s:KeyFrame time=”500″ value=”100″/>
</s:MotionPath>
<s:MotionPath property=”height”>
<s:KeyFrame time=”0″ value=”10″/>
<s:KeyFrame time=”500″ value=”100″/>
</s:MotionPath>
</s:Animate>
</fx:Declarations>
<mx:Image id=”myImage” source=”@Embed(’assets/sex.png’)”/>
另外,Animate有一个属性disableLayout:Boolean(默认false),他用来指示当动画播放中时,是否更新当前的布局。
false:动画进行时,更新布局
true:动画播放结束时,才更新布局
注意:在Flex4里,所有特效必须在<fx:Declarations>标签内,不像Flex3里面,可以直接写到<mx:Application>标签内
这里做了一个例子,在mxml里,使用<s:Rect>标签,画出来一个矩形显示对象,并设置fill属性为一个纯颜色<mx:SolidColor color=”0×000000″/>。
然后针对这个矩形,做了些类似时间轴补间动画:
察看源代码 | 下载源文件
- flex4 的时间轴动画
- FLEX4实现时间轴例子
- 动画时间轴的基本行为
- 时间轴和动画
- 基于时间的动画算
- 使用JavaFX时间轴(Timeline)编写的等待动画
- Flex4之打印日志,比如某函数的开始和结束时间,用ms计算
- Flex4的flvPlayer
- flex4 linechart的bug
- 简化的Flex4结构图
- Flex4的richeditabletext
- flex4.5的DataGrid
- Flex4树的操作
- Flex4树的操作
- Flex4的页面跳转
- Flex4的容器
- flex4 的事件机制
- Flex4 的 TitleWindow创建
- 解析Excel,通过Excel驱动测试数据参数化
- JVM调优(十)-调优方法
- myEclipse 安装ibatis插件
- ARM CPSR+SPSR
- 区分Activity的四种加载模式
- flex4 的时间轴动画
- git 创建项目
- JVM调优(十一)-反思
- SQL Server中的STUFF函数的使用 .
- JVM调优(十二)-参考资料
- VC++深入详解-第二章学习心得
- Flex 自定义加载进度条
- Boa服务器在ARM+Linux上的移植
- WebX基础知识