技术开发 频道

Thinking in Flex

【IT168技术分析】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.*'

 

0
相关文章