flex_事件绑定说明示例；

<?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>

   
   <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>

<?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>  <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>

flex_事件绑定说明示例；

相关文章