Flex通过ActionScript创建行为

简介:

观看在线演示效果,博客来自:http://tongqiuyan.blog.163.com/blog/static/1955453022011102023634598/

如若需要源码,留下Email地址。

Flex中的行为由效果和触发器组成。

例如:Button 控件具有 mouseDown 事件和 mouseDownEffect 触发器。

用户单击按钮时(mouseDown 事件)实例化对应触发器(mouseDownEffect 触发器)产生了效果(比如模糊效果、移动效果、旋转效果、改变大小效果等)。

下面是一些 Flex 创建行为的在线运行实例:

实例一:长按 Click 按钮,然后放开按钮,观察效果。该实例使用了 Zoom 效果对目标对象进行缩放。涉及到 Button 按钮的 mouseDown 和 mouseUp 两个事件。

实例二:Parallel 效果即并行效果,指在同一时间内运行所定义的效果。此例同时 Resize(改变大小)和 Blur(模糊)。

Sequence效果即穿行效果,指按顺序依次运行所定义的效果。此例同先Resize(改变大小)再Blur(模糊)。

实例三:该实例使用了缓动函数。缓动函数位于 mx.effects.easing 包中。例如 Back、Bounce 和 Elastic 等。每个类都实现 3 个函数(easeIn、easeOut、easeInOut)。

实例四:自定义缓动函数的声明为:function myEasingFunction(t:Number, b:Number, c:Number, d:Number):Number。

t,用于设置时间;b:用于设置组件初始位置;c:用于设置组件位置的总体改变;d:用于设置效果的持续时间。




本文转自 tongqiuyan  51CTO博客,原文链接:http://blog.51cto.com/tongqiuyan/719713

相关文章
|
2月前
|
前端开发 容器
|
容器
Flex 布局教程:语法篇
Flex 布局教程:语法篇
137 0
Flex 布局教程:语法篇
flex布局及常用属性,学flex收藏这个就够用了,超详细分析“建议收藏”
flex布局及常用属性,学flex收藏这个就够用了,超详细分析“建议收藏”
114 0
|
容器
Flex布局教程及属性速查
一、Flex布局介绍 伸缩盒模型(flexbox)是一个新的盒子模型,意为"弹性布局",用来为盒状模型提供最大的灵活性,主要优化了UI布局。Flexbox的功能主要包手:简单使用一个元素居中(包括水平垂直居中),可以让扩大和收缩元素来填充容器的可利用空间,可以改变源码顺序独立布局,以及还有其他的一些功能。
770 0
|
XML 测试技术 数据格式
flex 和 flexlib类库 实现 菜单和 TabNavigator
看到 extjs 的 TabNavigator和漂亮. 很实用.   对于一个后台管理程序来说 可以同时操作多个 任务.   如果用 flex 做一个后台管理程序 是否可以实现同样的功能呢.   答案是是的.并且已经 测试成功. 功能一样. 代码更简单.   其实并不复杂 .   上网络上面搜索下了..找到了一篇关于 flexlib的 文章可以实现 带关闭 按钮 的
1182 0