Flex中给Button控件设置创建完成效果

接下来的例子演示了Flex中通过creationCompleteEffect样式，给Button控件设置创建完成效果。该效果需要在Demo显示的时候察看

'; } else { whichEl.style.display = 'none'; sb.innerHTML=' 显示代码'; whichEl.witdh="300px"; } }   隐藏代码

DE<<?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> DE<

你也可以通过使用外嵌的css设定creationCompleteEffect style:

 

DE<<?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> DE<

也可以使用AS来实现同样的功能

 

DE<<?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> DE<

查看Demo演示

原创作者： peterd。翻译整理：一路风尘