【你不知道的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()”。

六：源码下载
点我下载