首页 > > 网页制作 > Flash >

Flex教程-使用行为

2008-04-02 10:50:59来源：互联网阅读 ()

　　本教程将学习：

　　一、使用MXML去创建行为。

　　二、在不同的组件间调用效果。

　　三、创建合成效果。

　　一、使用MXML去创建行为。

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

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

　　

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

　　

ID：myButton

　　Label:View

　　X:40

　　Y:60

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

　　 Flex教程-使用行为

　　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按钮后就会有一组数字从模糊变为清楚。

　　三、创建合成效果

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

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

　　

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

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

　　

4.定义移动效果。在标签后输入如下代码：

　　

Label组件将在2秒中下移20px的位置。

　　

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

　　6．保存文档。

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

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

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有