7.11.为项编辑器应用状态和变换

<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" currentState="base" width="100" height="20" creationComplete="currentState='init' " focusEnabled="true" backgroundColor="#ffff00">
<mx:Script>
<![CDATA[
[Bindable]
private var _data:Object;
override public function set data(value:Object):void { _data = value; }
override public function get data():Object { return _data; }
//so that the text of the input field can be set when we first start
public function set text(value:String):void { input.text = value; }
//this is needed so that the item editor will return the correct value
//when the list reads that value back
public function get text():String { return input.text; }

]]>
</mx:Script>
<mx:transitions>
<!-- this transition will play when the component is ready
to be displayed -->
<mx:Transition fromState="*" toState="init">
<mx:Fade alphaFrom="0" alphaTo="1" duration="500"
target="{this
}"/>
</mx:Transition>
<mx:Transition fromState="init" toState="*">
<mx:Fade alphaFrom="1" alphaTo="0" duration="500" effectEnd="this
.dispatchEvent(new Event('finishTransition' , true ))" target="{this }"/>
</mx:Transition>
</mx:transitions>
<mx:states>
<mx:State name="base"/>
<mx:State name="init"/>
</mx:states>
<mx:TextInput id="input"
creationComplete="input.text = String(_data),
input.setFocus()"/>
</mx:Canvas>