Chinaunix首页 | 论坛 | 博客
  • 博客访问: 619881
  • 博文数量: 233
  • 博客积分: 2221
  • 博客等级: 大尉
  • 技术积分: 3184
  • 用 户 组: 普通用户
  • 注册时间: 2010-02-16 14:01
个人简介

瓜瓜派的瓜瓜

文章分类

全部博文(233)

文章存档

2013年(28)

2012年(197)

2011年(8)

分类: 系统运维

2013-01-03 15:21:51

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放进你的开发工具箱里去。

阅读(2158) | 评论(4) | 转发(0) |
给主人留下些什么吧!~~

2gua2013-02-25 17:15:21

riseaocean:思路清晰,总结的文章易于看懂,受教了

谢谢@_@

回复 | 举报

2gua2013-02-25 17:15:06

rickyfang:哈哈,文章结构和内容描述都不错哟。
果然是2瓜的风格。

老方,谢谢!

回复 | 举报

rickyfang2013-02-22 00:20:23

哈哈,文章结构和内容描述都不错哟。
果然是2瓜的风格。

riseaocean2013-01-16 22:03:11

思路清晰,总结的文章易于看懂,受教了