Flex 特效

几个常见的Flex效果,我们可以通过设置repeatCount属性和repeatDelay属性,来分别控制效果播放的次数和重复播放效果的时间间隔(以毫秒为单位);

Flex中提供了丰富的效果组件。由于效果是一种根据时间渐变的过程,因此所有效果都具有duration属性,用来设置播放时间(以毫秒为单位)。

如果希望在触发器被触发后,延迟一段时间调用效果,可以使用startDelay属性。

Glow是一种发光效果,该效果使用了flash.filters.GlowFilter滤镜类:

  • <mx:Glowidmx:Glowid="glowImage"duration="1000"alphaFrom="1.0" 
  • alphaTo="0.3" 
  •  
  • blurXFrom="0.0"blurXTo="50.0"blurYFrom="0.0" 
  • blurYTo="50.0"color="0x00FF00"/> 
  •  
  • <mx:Imagesourcemx:Imagesource="assets/plane.png" 
  • mouseDownEffect="{glowImage}"/> 

Flex效果组件之Iris虹效果

Iris效果通过扩展或收缩集中在目标上的矩形遮罩为效果目标设置动画。该效果可以从目标的中心放大遮罩来显示目标,也可以向中心收缩遮罩来隐藏目标。下面的代码使用一个CheckBox对象设置Image的visible属性,通过hideEffect和showEffect触发器分别触发各自的Iris效果:

  1. <mx:Irisidmx:Irisid="irisOut"duration="1000"showTarget="true"/> 
  2.  
  3. <mx:Irisidmx:Irisid="irisIn"duration="1000"showTarget="false"/> 
  4.  
  5. <mx:Imageidmx:Imageid="Flex"source="assets/plane.png"visible="{cbx.selected}" 
  6.  
  7. showEffect="{irisIn}"hideEffect="{irisOut}"/> 
  8.  
  9. <mx:CheckBoxidmx:CheckBoxid="cbx"label="visible"selected="true"/> 
posted @ 2013-01-31 14:32  pretty flower  阅读(239)  评论(0编辑  收藏  举报