flex之[Bindable]

来源:互联网 发布:站长之家软件下载 编辑:程序博客网 时间:2024/05/16 06:54

[Bindable]的作用,就是引用此变量的地方,也会跟着变。


没有[Bindable]时,代码:

<?xml version="1.0" encoding="utf-8"?><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"><mx:Script><![CDATA[var myText:String = "Welcome to Flex";function createText(str:String):String {myText = "Welcome to Flex " + str;return myText;}]]></mx:Script><mx:Label text="{myText}" id="myLabel"  x="126" y="108"/><mx:TextInput id="inputNum" x="126" y="150"/><mx:Label x="126" y="201" text="{createText(inputNum.text)}" width="160"/></mx:Application>

效果:


注意,此时已经改变了myText的值,但是myLabel的text并没有随之改变。


有[Bindable]时,代码:

<?xml version="1.0" encoding="utf-8"?><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"><mx:Script><![CDATA[[Bindable]var myText:String = "Welcome to Flex";function createText(str:String):String {myText = "Welcome to Flex " + str;return myText;}]]></mx:Script><mx:Label text="{myText}" id="myLabel"  x="126" y="108"/><mx:TextInput id="inputNum" x="126" y="150"/><mx:Label x="126" y="201" text="{createText(inputNum.text)}" width="160"/></mx:Application>

效果:


注意,此时已经改变了myText的值,而且myLabel的text也随之改变。

0 0