在Flex 程序中，引入了狀態(tài)設(shè)計(jì)的概念。在一個(gè)程序中，按照功能的需求，將界面切分成相對(duì)獨(dú)立的部分。運(yùn)行過程中，隨著用戶交互，界面在各個(gè)部分之間切換。比如在購(gòu)物車程序中，登錄界面、選購(gòu)商品界面、購(gòu)物車界面、付款界面，這些部分代表著不同的功能，顯示當(dāng)前程序的運(yùn)行狀態(tài)，每個(gè)界面便是一個(gè)狀態(tài)(Status)。 ????? 在State對(duì)象中可以使用以下的方法：

setProperty：設(shè)置對(duì)象的屬性

setStyle：設(shè)置對(duì)象的樣式

setEventHandler：設(shè)置對(duì)象某一事件的監(jiān)聽方法

removeChild：刪除一個(gè)子級(jí)元素

transition：設(shè)置狀態(tài)的過渡動(dòng)畫效果

addChild：向?qū)ο筇砑右粋€(gè)子級(jí)元素 <?xml version="1.0" encoding="utf-8"?> <mx:Module xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="400" height="300"> ??? <mx:Script> ??????? <![CDATA[ ??????????? import mx.events.CloseEvent; ??????????? import mx.controls.Alert; ??????????? private function clickHandler(event:Event):void{ ??????????????? Alert.show("Do you want to save your changes?","Save Changes",3,this,alertClickHandler); ??????????? } ??????????? private function alertClickHandler(event:CloseEvent):void{ ??????????????? if(event.detail==Alert.YES){ ??????????????????? label1.text="Please Login!"; ??????????????????? currentState=""; ??????????????? }else{ ??????????????????? currentState='Register'; ??????????????? } ??????????? } ??????? ]]> ??? </mx:Script> ??????? <mx:states> ??????? <mx:State name="Register"> ??????????? <mx:AddChild relativeTo="{loginForm}" position="lastChild">//addChild：向?qū)ο筇砑右粋€(gè)子級(jí)元素 lastChild表示在最后位置添加 ??????????????? <mx:target> ??????????????????? <mx:FormItem id="confirm" label="Confirm:"> ??????????????????????? <mx:TextInput/> ??????????????????? </mx:FormItem> ??????????????? </mx:target> ??????????? </mx:AddChild> ??????????? <mx:AddChild relativeTo="{loginForm}" position="lastChild"> ??????????????? <mx:target> ??????????????????? <mx:FormItem id="email" label="Email:"> ??????????????????????? <mx:TextInput id="emailId"/> ??????????????????? </mx:FormItem> ??????????????? </mx:target> ??????????? </mx:AddChild> ??????????? <mx:SetProperty target="{loginPanel}" name="title" value="Register"/>//設(shè)置id為loginPanel的Panel對(duì)象的title屬性的值為Register ??????????? <mx:SetProperty target="{loginButton}" name="label" value="Register"/> ??????????? <mx:SetEventHandler target="{loginButton}" name="click" handlerFunction="clickHandler"/>//設(shè)置對(duì)象某一事件的監(jiān)聽方法 ??????????? <mx:SetStyle target="{loginButton}" name="color" value="blue"/>//設(shè)置對(duì)象的樣式 ??????????? <mx:RemoveChild target="{registerLink}"/>刪除一個(gè)子級(jí)元素 ??????????? <mx:AddChild relativeTo="{spacer1}" position="before">//添加子元素在space1前面 ??????????????? <mx:target> ??????????????????? <mx:LinkButton id="loginLink" label="Return to login" click="currentState=''"/> ??????????????? </mx:target> ??????????? </mx:AddChild> ??????? </mx:State> ??? </mx:states> ??? <mx:Panel title="Login" id="loginPanel" horizontalScrollPolicy="off" verticalScrollPolicy="off" paddingTop="10" paddingBottom="10" ???????? paddingLeft="10" paddingRight="10"> ??????? <mx:Text width="100%" color="blue" id="label1" text="Click the 'Need to Register?'"/> ??????? <mx:Form id="loginForm"> ??????????? <mx:FormItem label="Username:"> ??????????????? <mx:TextInput/> ??????????? </mx:FormItem> ??????????? <mx:FormItem label="Password:"> ??????????????? <mx:TextInput/> ??????????? </mx:FormItem> ??????? </mx:Form> ??????? <mx:ControlBar> ??????????? <mx:LinkButton id="registerLink" label="Need to Register?" click="currentState='Register'"/> ??????????? <mx:Spacer width="100%" id="spacer1"/> ??????????? <mx:Button label="Login" id="loginButton"/> ??????? </mx:ControlBar> ??? </mx:Panel>? </mx:Module>

總結(jié)

以上是生活随笔為你收集整理的Flex State的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。