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

相关文章
|
8月前
|
编解码 前端开发 iOS开发
前端开发入门笔记(八)CSS3属性详解:动画详解+Flex布局图文详解+Web字体
前端开发入门笔记(八)CSS3属性详解:动画详解+Flex布局图文详解+Web字体
120 1
|
前端开发 容器
一篇文章带你掌握Flex布局的所有用法(下)
一篇文章带你掌握Flex布局的所有用法(下)
86 0
一篇文章带你掌握Flex布局的所有用法(下)
|
前端开发 容器
一篇文章带你掌握Flex布局的所有用法(上)
一篇文章带你掌握Flex布局的所有用法(上)
88 0
|
容器
Flex 布局教程:语法篇
Flex 布局教程:语法篇
183 0
Flex 布局教程:语法篇
|
XML 应用服务中间件 数据格式
|
前端开发 数据可视化 程序员