Thinking in 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.*' 

 

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值