【你不知道的flex】-【state状态切换之初始化方法】

一：背景

flex全屏切换的效果

二：目的

1：状态2=》状态1

2：切换执行状态1的初始化方法（某方法，我们一般是init方法，你懂得）

注：看似很简单，那么来试试吧。

三：code

<mx:states>
??<mx:State name=”s1″? >
???<mx:AddChild position=”lastChild”?? >
????<local:s1? id=”mainapp” horizontalCenter=”0″ verticalCenter=”0″ width=”100%” height=”100%”>
????</local:s1>
???</mx:AddChild>
???
??</mx:State>
??<mx:State name=”s2″>
???<mx:AddChild position=”lastChild”>
????<local:s2 />
???</mx:AddChild>
??</mx:State>
?</mx:states>

状态s1，状态s2两个状态

s1,s2是两个自定义组件

关键代码:请看红色部分

<?xml version=”1.0″ encoding=”utf-8″?>
<mx:Canvas xmlns:mx=”http://www.adobe.com/2006/mxml” width=”100%” height=”100%” creationComplete=”init()” addedToStage=”init2()” >
?
?
?<mx:Script >
??<![CDATA[
???
???
???private function init():void{
????trace("s1 init");
???}
???
???private function init2():void{
????trace("s1 init2");
???}
??]]>
?</mx:Script>
?
?<mx:Label x=”106″ y=”115″ text=”S1=状态1″ fontSize=”36″ fontWeight=”bold”/>
?
?
</mx:Canvas>

?

四：输出

s1 init
s1 init2
s1 init2
s1 init2
s1 init2
s1 init2
s1 init2
s1 init2
s1 init2

init只是第一次执行，init2每次切换的时候都执行

五：结论

状态切换时候initialize,creationComplete的方法，都只是执行一次，多次切换，仅执行一次。

如果需要每次切换，请将方法写到addedToStage=“init()”。

六：源码下载
点我下载