zoukankan      html  css  js  c++  java
  • Flex Bindable 的用法

    [Bindable]:元数据标签,它在代码中的作用就是向编译器提供如何编译程序的信息。它的最大作用是使程序组件间的数据同步变得容易。在开发中通常用上Bindable作用在视图控件上,如给它绑定一个对象,则以后只需要在逻辑层更改这个对象的值,则视图层的控件数据会自动更新(同步),而不再需要手动去更新视图。

    现在来探索一下Bindable的工作原理:

    先来实现一个简单的绑定例子:

        <mx:Script>
            <![CDATA[

              [Bindable]
              private var bind_String:String="hi";
             
              private function onChange():void
              {
                   bind_String = "hello";

              }
            ]]>   
        </mx:Script> 
       
        <mx:Text text="{bind_String}">
        <mx:Button click="onChange()">

    单击按钮则改变了text的文字,这个就是bindable

    Bindable]专门用来定义绑定中的数据源对象, 
           [Bindable]的用法:
           1.变量前定义:使用[Bindable]后,下一行表达式定义的变量就可以被用在绑定中。
                  方法一:[Bindable]
             方法二:[Bindable(event=”eventname”)]   event事件名指当数据源发生变化时,
    数据源所在对象派发的事件类型,它是可选的。如果不写,默认事件名是“propertyChange”
           2.函数前定义:此函数必须通过setter和getter方式定义, [Bindable]要用在setter函数前面。
                  [Bindable]    
                  public function set Num(n:Number):void{
                         num=n;
                  }
                  public function get Num():void{
                         return num;
                  }
                  虽然是方法,但使用时,也是用 .  语法,即 ~ . Num。 
    3. 公用类前定义:当使用了绑定标签后,这个类的所有公有变量,包括setter和getter都可以用于绑定。
    package tree{
            [Bindable]
            public class myTest{
                  private  var num:Number=0;
                   public var className:String=”aaa”; //可用数据绑定
                                public function set Num(n:Number):void{   //可用数据绑定
                                       num=n;
                                }
                                public function get Num():void{
                                    return num;
                                }
            }
    }

  • 相关阅读:
    javascript计算两个时间差
    angular 倒计时15 minute的方法封装
    一个页面多个倒计时的封装
    网站倒计时
    angularjs定时任务的设置与清除
    浏览器Event Loop 是个什么鬼
    一个图片测试的小网站:dummyimage.com
    在vscode 一行的末尾按下tab键 快速生成代码 很爽
    VSCODE 快捷键
    weex 在iOS 平台上的整合
  • 原文地址:https://www.cnblogs.com/tianlangshu/p/2471453.html
Copyright © 2011-2022 走看看