flex_事件绑定说明示例；

最新推荐文章于 2012-09-26 21:24:37 发布

cenyebao

最新推荐文章于 2012-09-26 21:24:37 发布

阅读量838

点赞数

分类专栏： Flex 文章标签： flex application library actionscript button encoding

本文链接：https://blog.csdn.net/cenyebao/article/details/7382444

版权

Flex 专栏收录该内容

46 篇文章 0 订阅

订阅专栏

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