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

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

Related Tags for Flex wipe behavior example:
c,  button,  event,  io,  mouse,  property,  sed,  implementation,  ip,  vi,  this,  row,  buttons,  ping,  show,  for,  to,  behavior,  base,  rollover,  avi,  ref,  ws,  sh,  effect,  e,  il,  it,  use,  pe,  im,  from,  first,  continue,  left,  in,  as,  m,  nt,  arrow,  based,  es,  through,  em,  ase,  over,  pi,  me,  how,  hr,  pro,  right,  s,  at,  pin,  is,  ir,  ha,  ll,  mpl,  proper,  and,  ar,  cod,  code,  rt,  rope,  tt,  s,  s,  ri,  th,  sho,  cond,  av,  belo,  st,  ati,  fe,  ple,  pl,  prop,  pr,  nd,  ode,  on,  om,  ol,  o

More Tutorials from this section

• Action Script custom components
• Action Script 'include' statement example
• Action Script 'source' attribute example
• Flex Add Event Listener example
• Flex adding single event on varied components Example
• Change button's text:
• Change panel height, width and title
• Change the text of a button whenever you clicked
• Flex Circle drawing example
• Compiling MXML files with FlexBuilder
• Eclipse flex ant coding example
• Flex Container
• Application container
• Box Layout Container
• Canvas Layout Container
• ControlBar layout container
• Creating custom application download progress bar
• DividedBox layout container
• Form Layout Container
• Grid layout container