扫一扫
分享文章到微信
扫一扫
关注官方公众号
至顶头条
Flex开发对于一个熟悉ActionScript和XML语法的人来说比我想象中的要简单,效果也非常显著。也不要把Flex想象的非常神秘,查看生成的页面可以看到Flex不过通过服务器端的转换把xml文件编译成一个SWF文件显示在网页中(而且还不是显示在屏幕中间)。如果熟悉样式表的使用的话,mxml的属性也很容易理解和掌握。
举几个例子,Flex页面背景色是默认的,想要更换的话,可以在mx:Application标记中添加
1. backgroundColor='#ffffff'
也可以定义页面SWF文件的大小
1. width='450' height='250'
我们要定义某个UI组件的margin属性可以用
1. marginTop='10' marginBottom='10' marginLeft='10' marginRight='10'
更改文本输入框的颜色和字体大小可以用
1. color='#6601D7' fontSize='24'
是否觉得和内嵌式样式表的书写方式非常接近呢?
Flex对样式表的支持弥补了Flash本身的缺陷,使得Flex作为网页应用的可能性变的可能。
另外一个好用的功能是通过数据绑定操作可以实现以前需要使用复杂的JS脚本才能完成的功能,的确值得赞扬。
下面的例子实现了list组件和textinput组件之间的数据绑定
1. <mx:List id='myList' dataProvider=''/>
2. <mx:TextInput text=''/>
界面的排版工作Flex又是如何完成的呢?
聪明的MM使用了<mx:HBox>和 <mx:VBox>
Flex调用自定义组件的方式也非常简单,如同导入一个库文件一样,使用方式为:
1. <local:组件MXML文件名称/>
并且支持自己的命名空间
1. xmlns:my='containers.boxes.*'
Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=756731
濠电姷顣介埀顒€鍟块埀顒€缍婇幃妯诲緞閹邦剛鐣洪梺闈浥堥弲婊勬叏濠婂牊鍋ㄦい鏍ㄧ〒閹藉啴鏌熼悜鈺傛珚鐎规洘宀稿畷鍫曞煛閸屾粍娈搁梻浣筋嚃閸ㄤ即宕㈤弽顐ュС闁挎稑瀚崰鍡樸亜閵堝懎濮┑鈽嗗亝濠㈡ê螞濡ゅ懏鍋傛繛鍡樻尭鐎氬鏌嶈閸撶喎顕i渚婄矗濞撴埃鍋撻柣娑欐崌閺屾稑鈹戦崨顕呮▊缂備焦顨呴惌鍌炵嵁鎼淬劌鐒垫い鎺戝鐎氬銇勯弽銊ф噥缂佽妫濋弻鐔碱敇瑜嶉悘鑼磼鏉堛劎绠為柡灞芥喘閺佹劙宕熼鐘虫緰闂佽崵濮抽梽宥夊垂閽樺)锝夊礋椤栨稑娈滈梺纭呮硾椤洟鍩€椤掆偓閿曪妇妲愰弮鍫濈闁绘劕寮Δ鍛厸闁割偒鍋勯悘锕傛煕鐎n偆澧紒鍌涘笧閹瑰嫰鎼圭憴鍕靛晥闂備礁鎼€氱兘宕归柆宥呯;鐎广儱顦伴崕宥夋煕閺囥劌澧ù鐘趁湁闁挎繂妫楅埢鏇㈡煃瑜滈崜姘跺蓟閵娧勵偨闁绘劕顕埢鏇㈡倵閿濆倹娅囨い蹇涗憾閺屾洟宕遍鐔奉伓