[Bindable]大概又是Flex用得最多的元数据了。刚开始用用确实好简单,效率真是没的说。不过这几天用着却碰到了些问题,我自己搜集了些资料,想着有必要在blog里总结一下吧。

啥是元数据(metadata)

知道就跳过吧。今天不晓得为什么livedoc.adobe.com这么慢,没办法,拿不到权威的解释了。我就按自己的理解随便解释一下:首先要明白元数据不是语法的一部分,而是专门给编译器用的,说白了是告诉编译器做某些事情,学过java之类的应该知道。那Bindable来讲,它的作用是告诉 flex编译器,给某些某些东西建立绑定关系,flex编译器会在编译过程中给AS(flex编译器就是把mxml编译成as,再编译到swf,也可能直接编译倒swf,我这里假设有as这么个环节)加一点事件发生和处理之类的代码,由此绑定的关系便建立了,如果我们用纯粹as3代码来写也是可以实现的,就是太太太麻烦。

啥是绑定

知道继续跳过。举个例子:给下面的public变量加上[Bindable]

[Bindable]
public var name:String = "";

作为一个public变量,肯定既可以被赋值,也能赋值给别的变量。绑定的作用就是,当name改变的时候(被赋值了),可能通知其它被name影响(赋值给它们)的变量发生改变。这里的“可能”就需要编译器来判断,这就是为什么元数据是给编译器用的原因了。在mxml里用{}的语法的地方就是绑定的对象,比如label={xxx.name},当name变化,label也跟着变化。这样,我们只是很简单的改变了name的值,由于有绑定,界面上的label也跟着自动变化了,爽吧。

能用在哪里

三个地方:类, 变量, getter/setter。是不是public没有关系,private的就只能给自家用呗。用在Class上就是简单的给所有的public属性(包括变量,getter/setter,普通方法)加上[Bindable],可是一般的方法不能用[Bindable]呀,于是一般就能看到flex给了个warning,直接无视。变量嘛就是上面讲的,很简单略掉。

用在只读,只写属性(getter/setter)上面

终于讲到关键地方了,因为getter和setter很像方法,用起来会有点不同。看看这个例子:

[Bindable]
private var content:Array = new Array();
[Bindable]
public function set _content(ct:String):void
{
       content = ct.split(SEP);
}
[Bindable]              
public function get _wholeText():String
{
       if(content.length == 0)
       {
              return "";
       }
       else
       {
              var _w:String = "";
              for(var i:int=0 ; i<content.length ; i++)
              {
                     _w += content[i] + "\r\n";
              }
              return _w;
       }
}

原来的设想是content绑定_wholeText,可它是不工作的。为什么?_wholeText太复杂了,被编译器排除在“可能”之外,编译器认为没有绑定关系,如果只是简单的return content,倒是可以的。我这里搜到了一些比较权威的解释。来自http://www.rubenswieringa.com/blog/binding-read-only-accessors-in-flex找到Ely Greenfield讲的。

Now keep in mind that there’s no way for the compiler to actually tell if the value of a property get function would be different if called, short of doing an extensive code flow analysis of the get function, identifying all the inputs that might be affecting the value of the get function (i.e., member fields, statics, globals that are used in the get function and in any methods, global functions, closures, etc) it might call, and setting up watchers on every one of those to trigger the binding when any of them change. That’s prohibitively difficult, and expensive to do. So the compiler doesn’t try.

Instead when you put [Bindable] on a get/set property, the compiler makes it bindable with a little creative rewriting that allows the framework to watch the get function, and dispatch a change event when the get function is triggered. This means that automatic bindable properties don’t work when the get function is computed from multiple values, or when you change its value by setting a backing field, rather than using the set function.

It _also_ means that if you have no set function, we can pretty much guarantee that there’s no way automatically bindable get properties will be triggered. a read only propeerty is, to the compiler, completely opaque…at the moment, it has no idea where that value is coming from, and hence will never be able to ‘automatically’ trigger the binding.

说白了就是为了降低复杂度和提高效率,复杂情况的getter会被忽略。如何解决?可以手动建立绑定,即[Bindable("eventName")]。把代码改成这样:

[Bindable]
private var content:Array = new Array();
[Bindable]
public function set _content(ct:String):void
{
       content = ct.split(SEP);
        this.dispatchEvent(new Event("_contectChanged"));
}
[Bindable("_contectChanged")]              
public function get _wholeText():String
{
       if(content.length == 0)
       {
              return "";
       }
       else
       {
              var _w:String = "";
              for(var i:int=0 ; i<content.length ; i++)
              {
                     _w += content[i] + "\r\n";
              }
              return _w;
       }
}

这样就避免了编译器去自动识别。自己加上绑定关系,当_content被赋值,发出_contentChanged事件,通知所有被绑定的getter方法执行一遍。这也说明了,绑定不过是事件游戏而已,flex为用户隐藏了很多底层算法。

转载于:https://www.cnblogs.com/panjun-Donet/archive/2010/01/08/1642224.html

深入分析Flex [Bindable] (总结)相关推荐

  1. 深入分析Flex [Bindable] 【转】

    来自http://gain-loss.org/ [Bindable]大概又是Flex用得最多的元数据了.刚开始用用确实好简单,效率真是没的说.不过这几天用着却碰到了些问题,我自己搜集了些资料,想着有必 ...

  2. flex与java实现增删改查

    用的是MySQL数据库. 1,建一个userdb库,再建userinfo表,字 段:id(int),username(varchar),password(varchar). view plaincop ...

  3. flex java mysql_flex与java实现增删改查

    用的是MySQL数据库. 1,建一个userdb库,再建userinfo表,字 段:id(int),username(varchar),password(varchar). create databa ...

  4. flex于java实现增删改查

    用的是MySQL数据库. 1,建一个userdb库,再建userinfo表,字 段:id(int),username(varchar),password(varchar). view plaincop ...

  5. flex LCDS 整合 java 增删改查

    1,建一个userdb库,再建userinfo表,字段:id(int),username(varchar),password(varchar). 2,DBConnection.java package ...

  6. flex通过blazeds与java实现增删改查-整个实现流程

    1,建一个userdb库,再建userinfo表,字段:id(int),username(varchar),password(varchar). 2,DBConnection.java package ...

  7. 【转】Flex Application 初始化顺序

    转自:http://www.jexchen.com 大家都知道,我们在编写Flex应用程序时,通常是以<mx:Application>标签作为开头,实际上,Flex应用程序在启动运行的时候 ...

  8. 【推荐】Flex+asp.net上传文件

    前台Flex文件:UploadSample.mxml,其代码如下所示:  1 <?xml version="1.0" encoding="utf-8"?& ...

  9. Flex/Silverlight的技术比较转

    基于个人的使用经验,我从语言.框架.开发环境和运行环境四个方面对Flex和Silverlight这两门技术做一个比较,自己认为这个比较还是比较全面的.(这样的比较有意义吗?个人意见,只要别把自己当成宗 ...

最新文章

  1. python 装饰器参数_python_如何修改装饰器中参数?
  2. yum源的超级简单配置
  3. 知乎热议:计算机专业钱景究竟如何?
  4. checkIP.sh
  5. 2019年寒假作业1编辑总结
  6. 【Nginx】 server 配置记录
  7. python属性使用教程_Python对象的属性访问过程详解
  8. JAVA 编写程序实现如下功能:一个线程进行如下运算1*2+2*3+3*4+……+19*20,而另一个线程则每隔一段时间读取前一个线程的运算结果。
  9. android-波浪效果ripple-background
  10. 阿里巴巴开源项目汇总-(JAVA)
  11. XMLHttpRequset发送GET请求
  12. vue全局引入字体并使用
  13. 计算机与手机联网,电脑怎么通过手机共享上网(两种手机和电脑连接上网方法)...
  14. Best定理和MatrixTree定理 学习笔记
  15. 从零搭建一款PC页面编辑器PC-Dooring
  16. 开源项目——小Q聊天机器人V1.0
  17. Java——OOP三大特性之封装性(Encapsulation)通俗详细
  18. 7-108 奇数偶数-zzuli
  19. Breed Counting(水?)
  20. 【网页设计】基于HTML在线图书商城购物项目设计与实现

热门文章

  1. task_struct结构体查找
  2. Bellman-Ford算法和SPFA算法
  3. qt 分割字符串的两种方法
  4. 渣本毕业两年经验,大厂面试题汇总
  5. 面试加分项!程序员工作2年月薪12K,附架构师必备技术详解
  6. 程序员如何技术划水,手把手教你写Android项目文档,绝对干货
  7. alpha冲刺day8
  8. CF758 D. Ability To Convert 细节处理字符串
  9. 新手应该如何Javascript,JDom,JQuery,DWZ。。
  10. docker linux k8s kubeadm