科技行者

行者学院 转型私董会 科技行者专题报道 网红大战科技行者

知识库

知识库 安全导航

至顶网软件频道应用软件[冷枫]Thinking in Flex

[冷枫]Thinking in Flex

  • 扫一扫
    分享文章到微信

  • 扫一扫
    关注官方公众号
    至顶头条

Thinking in Flex

作者:冷枫 来源:CSDN 2007年9月23日

关键字: 冷枫 Flex 软件

  • 评论
  • 分享微博
  • 分享邮件

Flex开发对于一个熟悉ActionScriptXML语法的人来说比我想象中的要简单,效果也非常显著。也不要把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偆澧紒鍌涘笧閹瑰嫰鎼圭憴鍕靛晥闂備礁鎼€氱兘宕归柆宥呯;鐎广儱顦伴崕宥夋煕閺囥劌澧ù鐘趁湁闁挎繂妫楅埢鏇㈡煃瑜滈崜姘跺蓟閵娧勵偨闁绘劕顕埢鏇㈡倵閿濆倹娅囨い蹇涗憾閺屾洟宕遍鐔奉伓

    重磅专题
    往期文章
    最新文章