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

Tutorials

  1. Action Script custom components
  2. Flex Tutorials
  3. Login.mxml
  4. Performing Object Introspection
  5. For..in loop
  6. How to display on textbox using ObjectUtil class
  7. Introducing Flex
  8. Downloading and Installing Flex
  9. Flex Example
  10. Flex Combo Box example
  11. Flex wipe behavior example
  12. Flex Validator example
  13. Flex Tab Navigator example
  14. Flex Cascading Style Sheets example
  15. Flex Alert Box example
  16. Flex Remove Event Listener example
  17. Flex dispatch event example
  18. Flex Custom mxml tags example
  19. Flex current target property example
  20. Flex Circle drawing example
  21. Flex adding single event on varied components Example
  22. Flex Add Event Listener example
  23. Action Script 'source' attribute example
  24. Action Script 'include' statement example
  25. Flex combobox selecteditem
  26. Flex data binding example
  27. Compiling MXML files with FlexBuilder
  28. Flex Handling KeyboardEvents
  29. Flex checkbox control example
  30. Flex event phase detection example
  31. Explore key & mouse with Flex
  32. Flex KeyboardEvent Listener
  33. Flex KeyboardEvent properties
  34. Flex target property example
  35. Flex terminating event flow example
  36. Downloading and Installing Flex Builder
  37. Eclipse flex ant coding example
  38. Flex Container
  39. Flex Introduction
  40. What are Flex Containers