在學(xué)習(xí)Flex4beta的過(guò)程中你可能會(huì)遇到Flex4beta狀態(tài)語(yǔ)法中的變化方面的問(wèn)題，這里和大家分享一下，相信本文介紹一定會(huì)讓你有所收獲。

Flex4beta狀態(tài)語(yǔ)法中的變化

Flex4beta將狀態(tài)功能升級(jí)為一個(gè)全面的MXML語(yǔ)言功能。因此，您可能會(huì)發(fā)現(xiàn)狀態(tài)更靈活、更直接。新的狀態(tài)語(yǔ)法內(nèi)聯(lián)程度更高，允許在上下文中指定狀態(tài)特定變化。以下是Flex4beta語(yǔ)法中的主要區(qū)別：

◆只有狀態(tài)是在狀態(tài)陣列中定義的。

◆在新的狀態(tài)語(yǔ)法中，不能使用AddChild和RemoveChild。您必須使用includeIn和excludeFrom屬性在組件上定義組件在特定狀態(tài)中的角色。

在以下Flex3示例中，僅當(dāng)文檔的currentState為submitState時(shí)，才使用狀態(tài)包含一個(gè)Button并刪除一個(gè)TextInput。對(duì)于較復(fù)雜的狀態(tài)，這種方法可以做到十分詳細(xì)。

<mx:states> 
<mx:Statenamemx:Statename="submitState"basedOn=""> 
<mx:AddChildrelativeTomx:AddChildrelativeTo="{loginForm}"> 
<mx:Buttonlabelmx:Buttonlabel="submit"bottom="10"right="10"/> 
</mx:AddChild><mx:RemoveChildtargetmx:RemoveChildtarget="{firstTextInput}"/> 
</mx:State></mx:states 
<mx:TextInputidmx:TextInputid="firstTextInput"/> 
<mx:Canvasidmx:Canvasid="loginForm"/> 

以下是一段使用includeIn和excludeFrom、更簡(jiǎn)單的Flex4beta代碼。 

<s:states> 
<s:Statenames:Statename="submitState"/> 
</s:states><s:TextInputids:TextInputid="firstTextInput"excludeFrom="submitState"/> 
<s:Groupids:Groupid="loginForm"> 
<s:Buttonlabels:Buttonlabel="submit"bottom="10"right="10"includeIn="submitState"/> 
</s:Group> 

◆SetProperty、SetStyle和SetEventHandler已替換為新的點(diǎn)語(yǔ)法，它允許您限定具備特定狀態(tài)標(biāo)識(shí)符的MXML屬性值。

在以下Flex3示例中，代碼為submitState中的一個(gè)Button定義了屬性、樣式和事件。

<mx:states><mx:Statenamemx:Statename="submitState"basedOn=""> 
 
<mx:SetPropertytargetmx:SetPropertytarget="{submitButton}"name="label"value="submit"/> 
 
<mx:SetStyletargetmx:SetStyletarget="{submitButton}"name="textDecoration"value="underline"/> 
 
<mx:SetEventHandlertargetmx:SetEventHandlertarget="{submitButton}"name="click"  
handler="trace('done');"/> 
 
</mx:State><mx:Statenamemx:Statename="clearState"basedOn=""> 
 
<mx:SetPropertytargetmx:SetPropertytarget="{submitButton}"name="label"  
value="clear"/> 
 
<mx:SetEventHandlertargetmx:SetEventHandlertarget="{submitButton}"name="click"  
handler="emptyDocument()"/> 
 
</mx:State></mx:states> 
 
<mx:Buttonidmx:Buttonid="submitButton"/> 
 

在Flex4beta中，代碼如下：

<s:states> 
<s:Statenames:Statename="submitState"/> 
<s:Statenames:Statename="clearState"/> 
</s:states><s:Buttonlabel.submitStates:Buttonlabel.submitState="submit" 
textDecoration.submitState="underline"click.submitState="trace('done')  
"click.clearState="emptyDocument()  
"label.clearState="clear"textDecoration.clearState="none"/> 

◆組件不能再處于未定義狀態(tài)或空狀態(tài)。默認(rèn)情況下，聲明的***個(gè)狀態(tài)是組件的初始狀態(tài)。

當(dāng)文檔使用MXML2009語(yǔ)言名稱空間時(shí)，可以使用新語(yǔ)法。可以混合使用舊版語(yǔ)法和新版狀態(tài)語(yǔ)法。只有MXML2006名稱空間中可以使用舊版語(yǔ)法。
此外，各個(gè)組件現(xiàn)在支持外觀類中定義的一組狀態(tài)，這使得根據(jù)組件狀態(tài)應(yīng)用可視變化更加簡(jiǎn)單。例如，如果查看SparkButton的外觀，您會(huì)發(fā)現(xiàn)已定義以下?tīng)顟B(tài)：

<s:states> 
<s:Statenames:Statename="up"/> 
<s:Statenames:Statename="over"/> 
<s:Statenames:Statename="down"/> 
<s:Statenames:Statename="disabled"/> 
</s:states> 

ButtonSkin類定義了各個(gè)狀態(tài)中SparkButton在可視方面的變化。

以上只是簡(jiǎn)要介紹了新的Flex4beta狀態(tài)語(yǔ)法。有關(guān)更多詳細(xì)信息，請(qǐng)參閱增強(qiáng)的狀態(tài)語(yǔ)法規(guī)范*。

【編輯推薦】

1. Flex4beta的Spark布局特性解析
2. 技術(shù)前沿 剖析Flex4beta效果中的變化
3. Flex module用法指南
4. Flex4Beta引入新元素功能更強(qiáng)大
5. FlexBuilder開(kāi)發(fā)方法及特點(diǎn)解析