Flex wipe behavior example

Code below shows the implementation of wipe behavior in buttons through its rollOverEffect property.

Flex wipe behavior example

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