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

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

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

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

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

在以下Flex3示例中，僅當(dāng)文檔的currentState為submitState時，才使用狀態(tài)包含一個Button并刪除一個TextInput。對于較復(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、更簡單的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已替換為新的點語法，它允許您限定具備特定狀態(tài)標(biāo)識符的MXML屬性值。

在以下Flex3示例中，代碼為submitState中的一個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)情況下，聲明的***個狀態(tài)是組件的初始狀態(tài)。

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

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

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

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

【編輯推薦】

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