The following example shows how you can set a creation complete effect on a Flex Button control by setting the creationCompleteEffect style.
<?xml version=”1.0″ encoding=”utf-8″?>
<!– http://blog.flexexamples.com/2008/06/17/setting-a-creation-complete-effect-on-a-button-control-in-flex/ –>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml”
layout=”vertical”
verticalAlign=”middle”
backgroundColor=”white”><mx:Button id=”button”
label=”Button”
creationCompleteEffect=”Zoom” /></mx:Application>
You can also set the creationCompleteEffect style using an external .CSS file or <mx:Style /> block, as seen in the following snippet:
<?xml version=”1.0″ encoding=”utf-8″?>
<!– http://blog.flexexamples.com/2008/06/17/setting-a-creation-complete-effect-on-a-button-control-in-flex/ –>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml”
layout=”vertical”
verticalAlign=”middle”
backgroundColor=”white”><mx:Style>
Button {
creationCompleteEffect: Zoom;
}
</mx:Style><mx:Button id=”button”
label=”Button” /></mx:Application>
or
you can set the creationCompleteEffect style using ActionScript, as seen in the following example:
<?xml version=”1.0″ encoding=”utf-8″?>
<!– http://blog.flexexamples.com/2008/06/17/setting-a-creation-complete-effect-on-a-button-control-in-flex/ –>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml”
layout=”vertical”
verticalAlign=”middle”
backgroundColor=”white”
creationComplete=”init();”><mx:Script>
<![CDATA[
import mx.controls.Button;
import mx.effects.Zoom;private var button:Button;
private function init():void {
button = new Button();
button.label = "Button";
button.setStyle("creationCompleteEffect", Zoom);
addChild(button);
}
]]>
</mx:Script></mx:Application>
Courtersy: Blog.flexexamples
