Flex4 AS3的简单绑定总结

Flex开发中，组件的绑定功能是非常强大的，善用绑定，将大大提高开发效率。绑定实质也是事件处理，进一步说，要学好Flex，Flex的事件处理机制一定要理解透彻。接下来就对Flex AS3的简单绑定做个总结。

先来看看，不使用绑定时的常规处理方式：

                           xmlns:s="library://ns.adobe.com/flex/spark" 

                           xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"

                           fontSize="12" fontFamily="微软雅黑">

        

                

        

        

                

        

        

                

                        

                

                

                

                

                

效果如下：

现在来看看使用绑定的3种场景。

1. 组件内部绑定

...

        

                

                        

                

                

                

        

...

注意绑定使用花括号标记，效果如下，在第一个TextInput里输入文字，第二个TextInput自动同步显示：

要实现双向同步绑定，只需这样：

2. 标签绑定

通过标签在组件外部进行绑定，这种方式的优点在于：由于设置在组件的外部进行，代码修改起来比较方便，只需集中修改就好了。

...

        

                                destination="myTextInput2.text" 

                                twoWay="true"/>

        

                

                        

                

                

                 

        

...

从源（source）到目标（destination）绑定，twoWay属性设置为true表示双向同步绑定。

效果如下：

3. 变量绑定

编程过程中将创建很多变量，这些变量也是可以跟组件绑定在一起的，这样的话，动态生成的数据就能够同步在对应组件里及时刷新显示出来。

可绑定变量要通过Flex的元关键字[Bindable]来实现。

Flex MXML中的元关键字主要用途：

• 用来描述变量、组件和类的额外属性；
• 声明自定义组件所分发的自定义事件。

...

        

                

                        [Bindable]

                        public var s:String="";

                ]]>

        

        

                

                        

                

                

                

                 

        

...

效果如下：

总之，Flex 4在快速开发方面极具优势，掌握好Flex，不啻于掌握了一门高效强大的开发工具，虽然现在有很多Flash、Flex的各种黑，但Flex在贡献给Apache之后，迅速成为了Apache的顶级项目，其更新发布的速度更快了，社区支持非常活跃，在企业应用开发中，Flex能够发挥很大作用。当然，移动应用开发能力也是很强大的，许多移动应用也是用Flash或Flex开发出来的。推荐有兴趣的开发者把Flex放进你的开发工具箱里去。