这篇文章主要介绍了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按钮后就会有一组数字从模糊变为清晰并且这组数字向下移动。
感谢你能够认真阅读完这篇文章,希望小编分享的“Flex行为怎么用”这篇文章对大家有帮助,同时也希望大家多多支持亿速云,关注亿速云行业资讯频道,更多相关知识等着你来学习!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。