几个常见的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效果:
- <mx:Irisidmx:Irisid="irisOut"duration="1000"showTarget="true"/>
- <mx:Irisidmx:Irisid="irisIn"duration="1000"showTarget="false"/>
- <mx:Imageidmx:Imageid="Flex"source="assets/plane.png"visible="{cbx.selected}"
- showEffect="{irisIn}"hideEffect="{irisOut}"/>
- <mx:CheckBoxidmx:CheckBoxid="cbx"label="visible"selected="true"/>