Share on Google+Share on Google+

Flex Behavior

Advertisement
In this tutorial we can illustrate about flex behavior. In this tutorial you can see behavior for link button with the help of WipeLeft, WipeRight,WipeUp, WipeDown alse you can see how to use WipeLeft, WipeRight,WipeUp, WipeDown in the flex

Flex Behaviors:-

A behaviors is a combination of trigger and effects. we can define trigger and effects for a flex component. we can apply this effects on the component with the help of triggers. In this example  you can see Wipe Left, Wipe Right, Wipe Up, Wipe Down effects. In this tutorial you can see these effects for a link button with the of mouse-down effect trigger.

Flex Behavior Example:-

<?xml version="1.0"?>

<!-- behaviors\ButtonWL.mxml -->

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

<mx:WipeLeft id="WL" duration="800"/>

<mx:WipeRight id="WR" duration="800"/>

<mx:WipeDown id="WD" duration="800"/>

<mx:WipeUp id="WU" duration="800"/>

<mx:Panel backgroundColor="green" width="50%" height="50%" title="Wipe Effects for Link Button" horizontalAlign="center">

<mx:LinkButton id="LinkButton1" label="Click Me For WipeLeft" mouseDownEffect="{WL}" fontSize="12" fontWeight="bold"/>

<mx:LinkButton id="LinkButton2" label="Click Me For WipeRight" mouseUpEffect="{WR}" fontSize="12" fontWeight="bold"/>

<mx:LinkButton id="LinkButton3" label="Click Me For WipeDown" mouseUpEffect="{WD}" fontSize="12" fontWeight="bold"/>

<mx:LinkButton id="LinkButton4" label="Click Me For WipeUp" fontSize="12" fontWeight="bold" mouseUpEffect="{WU}"/>

</mx:Panel>

</mx:Application>

Output:-

In this tutorial you can see how to use Wipe Left, Wipe Right, Wipe Up, Wipe Down  effects for a link button.

Advertisements

Advertisement

Posted on: March 13, 2010 If you enjoyed this post then why not add us on Google+? Add us to your Circles

Share this Tutorial Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.