快速业务通道

介绍ActionScript开发环境Flex Builder

作者 凌众技术 来源 网页制作 浏览 发布时间 2012-03-09
sp; 在Flex项目的开发中,有个很重要的文件MXML,他相当于是一个工作舞台(和Flash的场景/舞台有类似效果),所有的用户交互界面都是 基于此文件来开发的,详细我将在后面介绍。在上面我们建立的Flex项目里,就默认创建了一个MXML文件,OK有了这个文件,那我们就基于此基础上来做 "Hello World"程序,在Flex项目开发中,另一重要的技术就是基于组件的开发,这点和.NET里的控件差别不大,本文示例中将用到Button和 TextArea组件,关于组件我也将在后续的文章里详细介绍,这里就先一笔代过。 

     示例的构思是界面上放置两个按扭,单击一个按扭就将"Hello World"显示在TextArea组件上,另一个按扭则完成清空TextArea控件的值的功能。
     如同VS开发环境下一样,如果说WinFrom或是aspx是工作舞台,那么工具箱是干什么的我想大家是非常的清楚。那么在Flex下开发 ActionScript同样如此,MXML则是舞台,组件箱则等同与VS里的工具箱。到这里或许大家已经想到了Flex的开发模式,是不是和VS一样的 拖拽控件到界面上来做交互界面的开发呢?答案是肯定的,其实不管是在Flex还是Flash环境下开发ActionScript都是这种开发模式。先看看 下面这张图示:

  

     通过上图可以很清楚的知道,在舞台上有两个按扭(点我、清空)和一个空白的文本域控件,通过右边的设计器上可以看出,“点我”按扭的id为btnClick,显示内容为:点我,同时还给他的单击事件指定了一个方法:OnClick()。
     如上的界面设计便会生成相应的mxml标记,如同ASP.NET下生成HTML一样,我们可以通过“源视图”查看到所生成的MXML代码,我们接下来要写的代码也是嵌入在这些MXML代码中的。代码如下:

 <?xml version="1.0" encoding="utf-8"?>
 <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" borderColor="#3B8BF9" 
     themeColor=
"#FAFDFF" backgroundGradientAlphas="[1.0, 1.0]" 
    backgroundGradientColors=
"[#4D4DF6, #FFFFFF]" 
     width=
"313" cornerRadius="0" height="172"&

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号