/ Published in: MXML
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" > <fx:Declarations> <s:BlurFilter id="blurFilter" blurY="0" /> <fx:Vector id="motionPathVector" type="spark.effects.animation.MotionPath" > <s:SimpleMotionPath id="blurXPath" property="blurX" valueFrom="0" valueTo="100" /> </fx:Vector> <s:AnimateFilter id="animFilter" target="{buttonGroup}" bitmapFilter="{blurFilter}" repeatBehavior="reverse" repeatCount="0" motionPaths="{motionPathVector}" /> </fx:Declarations> <s:HGroup id="buttonGroup" x="20" y="60" > <s:Button label="1" width="40" /> <s:Button label="2" width="40" /> <s:Button label="3" width="40" /> <s:Button label="4" width="40" /> <s:Button label="5" width="40" /> <s:Button label="6" width="40" /> <s:Button label="7" width="40" /> <s:Button label="8" width="40" /> <s:Button label="9" width="40" /> <s:Button label="10" width="40" /> </s:HGroup> <s:VGroup x="20" y="120" > <s:ToggleButton id="goBtn" label="{goBtn.selected? 'STOP' : 'GO'}" click="{goBtn.selected? animFilter.play() : animFilter.stop()}" /> </s:VGroup> </s:Application>