Flex wipe behavior example

Code below shows the implementation of wipe behavior in buttons through its
rollOverEffect property. The first button wipes from left to right and the
second one from right to left. This wiping is mouse event based and therefore it
will continue to wipe till the mouse arrow is over the button.
wipe.mxml
<?xml version = '1.0' encoding = 'ISO-8859-1'?>
<mx:Application xmlns:mx = 'http://www.adobe.com/2006/mxml'>
<mx:WipeLeft id = 'eve' duration = '1000'/>
<mx:WipeRight id = 'bracelet' duration = '1000'/>
<mx:Button
label = 'The One, game protagonist and the character'
rollOverEffect = '{eve}'/>
<mx:Button
label = "Neo's love interest and First mate"
rollOverEffect = '{bracelet}'/>
</mx:Application>
|
wipe.swf


Download the code

|