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

六：源码下载

点我下载