flex_事件绑定说明示例；

<!-- Demo_事件绑定(MXML中的绑定) -->

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

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
?? ??? ??? ??? xmlns:s="library://ns.adobe.com/flex/spark"
?? ??? ??? ??? xmlns:mx="library://ns.adobe.com/flex/mx"
?? ??? ??? ??? minWidth="1024" minHeight="768" pageTitle="TheStudioOfCenyebao">
?? ?
?? ?<fx:Declarations>
?? ??? ?
?? ?</fx:Declarations>
?? ?
?? ?<fx:Script>
?? ??? ?<![CDATA[
?? ??? ??? ?[Bindable]?? ?//[Bindable]元素据的用意就是监视这个变量的任何变化。
?? ??? ??? ?protected var _labelText:String = "Label befor event!";
?? ??? ?]]>
?? ?</fx:Script>
?? ?
?? ?<!--view-->
?? ?<s:VGroup width="350" height="120" horizontalCenter="0" verticalCenter="0" paddingLeft="20" paddingTop="20">
?? ??? ?<s:Label id="myLbl" text="{_labelText}"/>
?? ??? ?<s:Button id="myBtn" label="ChangeLabel">
?? ??? ??? ?<s:click>
?? ??? ??? ??? ?<![CDATA[
?? ??? ??? ??? ?_labelText = "Label changed(" + Math.round(Math.random()*10) + ")!";
?? ??? ??? ??? ?]]>
?? ??? ??? ?</s:click>
?? ??? ?</s:Button>
?? ?</s:VGroup>

</s:Application>

? <!-- Demo_事件绑定(使用ChangeWatcher的ActionScript绑定) -->

<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" ?? ??? ??? ??? xmlns:s="library://ns.adobe.com/flex/spark" ?? ??? ??? ??? xmlns:mx="library://ns.adobe.com/flex/mx" ?? ??? ??? ??? minWidth="1024" minHeight="768" pageTitle="TheStudioOfCenyebao" ?? ??? ??? ??? applicationComplete="init()"> ?? ? ?? ?<fx:Script> ?? ??? ?<![CDATA[ ?? ??? ??? ?// 改类会监视被绑定属性值的任何变化，如果有变化发生，该类就会触发必要的事件来监视这个值。 ?? ??? ??? ?import mx.binding.utils.ChangeWatcher; ?? ??? ??? ?import mx.events.PropertyChangeEvent;?? ? ?? ??? ??? ? ?? ??? ??? ?protected var _watcher:ChangeWatcher ?? ??? ??? ? ?? ??? ??? ?protected function init():void{ ?? ??? ??? ??? ?toggleWatch(); ?? ??? ??? ?} ?? ??? ??? ? ?? ??? ??? ?// 切换是否监视变量； ?? ??? ??? ?protected function toggleWatch():void{ ?? ??? ??? ??? ?if(_watcher && _watcher.isWatching()) {?? ?// 判断监视器是否处于活动状态； ?? ??? ??? ??? ??? ?_watcher.unwatch();?? ?// 移除监视的变量_关闭； ?? ??? ??? ??? ??? ?toggleButton.label = "startWatch"; ?? ??? ??? ??? ?} else {?? ?// 默认打开监视功能； ?? ??? ??? ??? ??? ?_watcher = ChangeWatcher.watch(inputfield,"text",onTextChange); ?? ??? ??? ??? ??? ?toggleButton.label = "stopWatching"; ?? ??? ??? ??? ?} ?? ??? ??? ?} ?? ??? ??? ? ?? ??? ??? ?// textinput值改变后执行的函数； ?? ??? ??? ?protected function onTextChange(event:Event):void{ ?? ??? ??? ??? ?myLabel.text = inputfield.text; ?? ??? ??? ?} ?? ??? ?]]> ?? ?</fx:Script> ?? ?<fx:Declarations> ?? ??? ?<!-- 非可视元素 --> ?? ?</fx:Declarations> ?? ? ?? ?<!--view--> ?? ?<s:VGroup horizontalAlign="right" horizontalCenter="0" verticalCenter="0"> ?? ??? ?<s:HGroup> ?? ??? ??? ?<s:TextInput id="inputfield" text="start text"/> ?? ??? ??? ?<s:Label id="myLabel" fontWeight="bold" fontSize="18"/> ?? ??? ?</s:HGroup> ?? ??? ?<s:Button id="toggleButton" label="WatchText" click="toggleWatch()"/> ?? ?</s:VGroup> ?? ? </s:Application>