加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

Flex中Bindable的原理

发布时间:2020-12-15 04:01:30 所属栏目:百科 来源:网络整理
导读:[Bindable]:元数据标签,它在代码中的作用就是向编译器提供如何编译程序的信息。它的最大作用是使程序组件间的数据同步变得容易。在开发中通常用上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。那么它是怎样工作的呢?以下是flex编译器处理后的代码:?
????????? [Bindable(event="propertyChange")]?
?????????????? var oldValue:String = bind_String;?
????????????? if(bind_String!==oldValue) {?
????????????????? this.dispatchEvent(PropertyChangeEvent.createUpdateEvent(this,?
????????????????? "bind_String",oldValue,bind_String));?
????????????? }?
由上面可以看到数据源更改的时候抛出了一个PropertyChangeEvent事件,通知事件侦听器该数据源发生了变化,并更新视图。?
“这也说明了,绑定不过是事件游戏而已,flex为用户隐藏了很多底层算法。”这句概括说明了Bindable的原理。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读