Flex Iris效果放大或缩小组件演示

Iris效果通过扩展或收缩集中在目标上的矩形遮罩为效果目标设置动画。该效果可以从目标的中心放大遮罩来显示目标，也可以向中心收缩遮罩来隐藏目标。演示：

源码如下：

1. <?xml version="1.0"?>
2. <!-- Simple example to demonstrate the Iris effect. -->
3. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" height="352"
4. width="450">
5. <mx:Iris id="irisOut" duration="1000" showTarget="true"/>
6. <mx:Iris id="irisIn" duration="1000" showTarget="false"/>
7. <mx:Panel title="Iris Effect Example" width="351" height="304"
8. horizontalAlign="center" layout="absolute">
9. <mx:Text width="100%" color="blue" fontSize="12"
10. text="使用Iris效果显示和隐藏图片."/>
11. <mx:Image id="img" source="@Embed(source='meinv.jpg')"
12. visible="true"
13. showEffect="{irisIn}" hideEffect="{irisOut}" x="25.5" y="28"/>
14. <mx:Button x="97" y="236" label="显示" fontSize="12"
15. click="img.visible=true"/>
16. <mx:Button x="170" y="236" label="隐藏" fontSize="12"
17. click="img.visible=false"/>
18. </mx:Panel>
19. </mx:Application>

简要说明：showTarget="true"表示组件缓缓出现，false则为消失。第14行showEffect事件表示显示时的效果，hideEffect事件表示隐藏时的效果。duration属性表示效果的时间间隔