FLEX既然属于FLASH相关产品,那自然要体现出FLASH的动画特点。在FLEX里设置有很多的effect,像fade、glow、move、scale等自己查下就知道了。【官网查询】effect包的信息,下属的类就是动画效果。那么怎么用起来呢?
1、定义一个效果对象,和HttpService一样,这个对象是不可见的,所以也要放在<fx:Declarations>里,比方说这里用了个Fade效果:
<fx:Declarations>
<s:Fade id="myFade" duration="2000" alphaFrom="0" alphaTo="1" />
</fx:Declarations>
这就表示一个ID为myFade的Fade效果,持续时间2000毫秒,从完全透明到完全不透明的一个过度。
2、开始使用这个效果。在需要使用效果的控件标记中添加一个什么时候使用效果的属性,并指定属性值为上面定义好的效果ID:
<s:List id="listGoods" includeIn="State1" x="0" y="0" width="100%" height="249" borderVisible="false" dataProvider="{goodItems}" itemRenderer="views.viewGoodsList" <strong><span style="font-size:12px;color:#ff0000;">creationCompleteEffect="{myFade}"</span></strong>>
这就表示我的List控件在创建完成后(creationCompleteEffect)使用该效果myFade。运行后我们就可以看到List的商品列表会从透明到不透明慢慢显示,历时2秒。
其他的效果自己去研究,至于每个控件允许哪些时刻使用效果,可以在FB(flashbuilder)里选中控件,然后右侧的属性窗口中选择“类别视图”(默认是“标准视图”),然后查看“效果组”即可。
再次祝好运!
完结!