解析Flex行为的使用

在学习Flex的过程中，你可能会遇到Flex行为问题，这里向大家介绍一下Flex行为的使用，相信本文介绍一定会让你有所收获。

创新互联客户idc服务中心，提供达州托管服务器、成都服务器、成都主机托管、成都双线服务器等业务的一站式服务。通过各地的服务中心，我们向成都用户提供优质廉价的产品以及开放、透明、稳定、高性价比的服务，资深网络工程师在机房提供7*24小时标准级技术保障。

Flex教程-Flex行为的使用

一、使用MXML去创建Flex行为

下面我们将制作一个当用户点击按钮时按钮会发光的效果。

1.在Source模式下，在后输入下面的代码，定义一个发光效果。

2．在Design模式下，从Componsents面板中拖一个按钮到应用程序中，并设置按钮的属性如下：

ID：myButton
Label:View
X:40
Y:60

3.在属性面板中，点击ViewbyCategory视图按钮。并找出Effects类型的属性。

4.将mouseUpEffect赋值为发光效果。
mouseUpEffect:{buttonGlow}
在Source模式下，标签代码如下：

5.保存文件。

6.点击工具栏上的Run按钮编译应用程序。

浏览器会运行你的Flex应用程序。点击View按钮。View按钮就会执行标签的发光效果。

二、Flex行为之在不同的组件间调用效果

下面我们将制作一个当用户点击按钮时Label组件将出现一组从模糊到清晰的数字。

1.在Design模式中，从Components面板中拖一个Label组件到应用程序中，并设置Label属性如下：

ID:myLabel
Text:4815162342
X:40
Y:100

2.转换到Source模式中，定义模糊效果，在标签下输入如下代码：

3.在标签中指定Label组件为模糊效果的目标组件：

4.在标签中指定click事件为模糊效果：

5．在标签中，设置visible属性为false来隐藏Label组件：

6．当用户在点击View按钮时，设置Label组件的visible属性为true来显示Label组件：

7．保存文件。

8.点击工具栏上的Run按钮编译应用程序。

浏览器会运行你的Flex应用程序。点击View按钮后就会有一组数字从模糊变为清晰。

三、Flex行为之创建合成效果

下面我们将制作一个当用户点击按钮时Label组件将出现一组从模糊到清晰的数字并且Label组件从上向下移动20px的位置。

1.在Source模式下，在标签前输入代码。

2.将全句标签剪切到前。将成为的子标签。

3.标签中，选择target=”{myLabel}”，并剪切到中。

4.定义移动效果。在标签后输入代码，Label组件将在2秒中下移20px的位置。

5.在标签中，改变click事件的效果设定为BlurMoveShow。

6．保存文件。

7.点击工具栏上的Run按钮编译应用程序。

浏览器会运行你的Flex应用程序。点击View按钮后就会有一组数字从模糊变为清晰并且这组数字向下移动。

【编辑推荐】

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容