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>