当前位置:主页>Flex>文章内容
  • Flex教程-使用行为
  • 来源: 作者: 2008-03-24 【
Adobe Flex 行为使你可以为应用程序添加动画和运动,来对用户和编程活动作出反应
行为,是由一个触发器和一种效果组合而成。触发器是一种活动,如鼠标在组件上点击,组
件获得焦点,或组件可见。效果是在目标组件上的可视性或可听性上的某种变化,以毫秒计
算。效果的例子包括淡出,尺寸变化,或者组件发生移动。
本节将教授你如何在Flex 用户界面中添加行为。具体内容包括如何使用MXML 去创建
行为,如何从不同的组件调用一种效果,以及如何组合多种效果以产生合成效果

//在总的思路上来看,是与DW,FW,FLASH一样的,总是一个娘生的嘛。

创建一个行为
你打算创建一个行为,当按钮被用户点击时变成绿色,维持一秒半以后,离开按钮时变
成淡绿色以表明它已经被点击过。
1. 在导航视图中选择Lessons 项目,选择File > New > MXML Application 并创建名叫
Behaviors.mxml 的文件。
2. 将Behaviors.mxml 设置为被编译的默认文件,并在关联菜单中选择Set As Default
Application。
3. 在MXML 编辑器源代码模式中,在<mx:Application>标签后定义绿色效果:
<mx:Glow id="buttonGlow" color="0x99FF66" alphaFrom="1.0" alphaTo="0.3"
duration="1500"/>
// 看这里的属性 不透明度 alpha 竟然 有了 FROM AND TO 哈哈,有意思了,看着就明白啥意思了呀,这本身可能就是一个效果,还有一个时间限定1500单位,mm,应是别的事件一触发它,它本身就会有这个效果了,下面看怎么触发吧。
***这里发现一个问题呀 正常是所有的子结点都应可以有两种写法,除了上面的在本句结束外,还应可以这样的:

<mx:Glow id="buttonGlow" color="0x99FF66" alphaFrom="1.0" alphaTo="0.3"
duration="1500" >
</mx:Glow>
但事实上,这样写是过不去的,不通,愁闷了。。。
over//
绿色效果开始时十分饱满,然后逐步变得透明,但不完全透明。最后变成淡绿色以表明
按钮已经被点击过。
4. 在设计模式下,从组件视图拖拉一个面板容器到布局上,并设置其相应属性:
Width: 200
Height: 300
X: 10
Y: 10
5. 从组件视图中拖拉一个按钮控件到面板上,并设置其相应属性:
ID: myButton
Label: View
X: 40
Y: 60
6. 在属性视图中,点击工具条中的分类视图/Category View 查看属性,然后找到效果分
类/Effects category。
按钮控件相对应的触发器分类列表。
7. 通过在波浪括号中键入效果的ID 来作为触发器的值,为mouseUpEffect 触发器赋
上绿色渐变效果,就象这样:
mouseUpEffect: {buttonGlow}
波浪括号({ })是必须的,因为效果是使用数据绑定来分配给它们的触发器的。
在源代码模式下,<mx:Button>标签看起来就象这样:
<mx:Button x="40" y="60" label="View" id="myButton" mouseUpEffect="{buttonGlow}" />
8. 保存文件,编译后运行

//简单吧,流程 按正常的程序流程走,想加效果时,第一步是要有一个效果存在着,然后才能加,才能关联 ,这和昨天讲的事件关联是一样的,要先有处理过程。这里就是要先写一个效果 MX标签。
然后点一下目标对象,选 中它,然后打开属性的分类视图,找到想要的效果,在效果值 中输入之前写好的 效果MX标签的ID,要用绑定方式带大括号的。





上一篇:Flex Label组件自动截断文本的妙用   下一篇:Flex的如何设置TabBar中tab的水平位置的例子
  • 用户名:新注册) 密码: 匿名评论
  • 评论内容:(不能超过250字,需审核后才会公布,请自觉遵守互联网相关政策法规)

Copyright © 2006-2008 flashas.net All Rights Reserved.
网站内容咨询: admin#flashas.net (#为@) 联系QQ:40777822 浙ICP备06033001号
(本网站最佳浏览解析度为1024*768, 建议使用IE 6.0或以上版本浏览器。)