科技行者

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

知识库

知识库 安全导航

至顶网软件频道应用软件[冷枫]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

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

    如果您非常迫切的想了解IT领域最新产品与技术信息,那么订阅至顶网技术邮件将是您的最佳途径之一。

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