flex中state使用区别

========================================flex4.6==========================

<?xml version="1.0" encoding="utf-8"?>

<mx:Panel xmlns:fx="http://ns.adobe.com/mxml/2009"

 xmlns:s="library://ns.adobe.com/flex/spark"

 xmlns:mx="library://ns.adobe.com/flex/mx" layout="vertical" 

 width="400" height="300" title="Login" horizontalAlign="center">

<mx:states>

<mx:State name="connecting"/>

</mx:states>

<mx:VBox width="100%" height="100%" id="loginForm" horizontalAlign="center" verticalAlign="middle" paddingBottom="10" paddingLeft="10" paddingRight="10" paddingTop="10" verticalGap="10">

<s:Label x="143" y="82" fontWeight="bold" text="Enter   a  userName"/>

<s:TextInput x="135" y="113" id="username"/>

<s:Button x="166" y="155" label="Login" fontWeight="bold" id="Btn_login" enabled.connecting="true"/>

</mx:VBox>

</mx:Panel>

=========================================flex3.0==================================================================

<?xml version="1.0" encoding="utf-8"?>

<mx:Panel xmlns:mx="http://m.adobe.com/2006/mxml" layout="vertical" width="400" height="300" title="Login" horizontalAlign="center">

<mx:Script>

<![CDATA[

public function set isConnecting(value:Boolean):void

{

if (value)

this.currentState = "connecting";

else

this.currentState = "";

}

]]>

</mx:Script>

<mx:states>

<mx:State name="connecting">

<mx:AddChild relativeTo="{controlbar1}" position="lastChild">

<mx:ProgressBar labelPlacement="left" label="Connecting" indeterminate="true" enabled="true"/>

</mx:AddChild>

<mx:SetProperty target="{loginForm}" name="enabled" value="false"/>

</mx:State>

</mx:states>

<mx:VBox width="100%" height="100%" id="loginForm" horizontalAlign="center" verticalAlign="middle" paddingBottom="10" paddingLeft="10" paddingRight="10" paddingTop="10" verticalGap="10">

<mx:Spacer width="10" height="10"/>

<mx:Label text="Enter a username" fontWeight="bold"/>

<mx:TextInput id="ti_username" textAlign="center"/>

<mx:Button label="Login" width="100" click="parentApplication.onLoginBtClick()"/>

<mx:Spacer width="10" height="10"/>

<mx:Text id="ta_error" selectable="false" width="100%" minHeight="0" color="#DB0E0E" includeInLayout="{ta_error.text != ''}" textAlign="center"/>

</mx:VBox>

<mx:ControlBar horizontalAlign="center" id="controlbar1">

</mx:ControlBar>

</mx:Panel> 

---