网站建设资讯

NEWS

网站建设资讯

FlexBuilder开发特点的示例分析

这篇文章主要为大家展示了“FlexBuilder开发特点的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“FlexBuilder开发特点的示例分析”这篇文章吧。

公司主营业务:成都网站建设、成都网站制作、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。成都创新互联公司是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。成都创新互联公司推出高唐免费做网站回馈大家。

FlexBuilder开发特点

FlexBuilder对于MXML界面设计的支持是相当强大的,支持“所见即所得”的开发方式。MXML本身就是由标签语言配置而成,因此我们对于MXML的操作方式更适合于配置和设计。同时,在MXML中我们会常常进行调用ActionScript脚本、调用自定义组件、做数据绑定等操作,FlexBuilder对这些方面都提供了完善的支持。

FlexBuilder开发对于MXML的开发提供了两种模式。在FlexBuilder的编辑区上方可以看到Source和Design按钮。Source为代码编辑模式,我们可以手工书写MXML代码,完成ActionScript的编写;Design为UI设计模式。当我们切换到UI设计状态后,即切换到UI设计界面,如图1.11所示。各功能区域的作用如下。

1.UI设计器

通过所见即所得的方式设计图形界面。

2.组件工具栏

可以从中选取各种Flex可视化组件,放到UI设计器中。

图1.11FlexBuilder的设计界面(点击放大)

FlexBuilder开发特点的示例分析

3.属性编辑区

编辑选定Flex可视化组件的各种属性。

设计界面的使用非常简单,我们可以从组件工具栏里看到所有可用的界面或数据组件,可以直接拖放到UI设计器,并通过属性编辑区来设定组件的属性。同时在开发过程中在编辑状态和设计状态灵活切换。

我们回头看看***个HelloWorld示例,如果使用FlexBuilder将如何完成。

◆切换FlexBuilder开发状态为“Design”。

◆添加一个Panel组件到UI设计器,然后在属性编辑区,设定Title的属性为“FlexMXMLTest”。

◆添加一个Label组件到Panel组件(拖放过程中会有蓝色直线定位提示),在属性编辑区,设定Text属性为“HelloWorld.世界,你好!”。
如图1.12所示,我们通过简单的鼠标拖放操作就完成了这个HelloWorld程序。这种“所见即所得”的开发方式能大幅度地提高界面开发的效率。

另一方面,FlexBuilder对ActionScript也提供了强大的支持。FlexBuilder中包含着完整的FlexSDK,因此对ActionScript的各项特性支持都非常完善,并且与MXML的结合也非常紧密。

在处理包结构时,可以直接在Flex项目下创建对应的文件夹,完成对Flex程序中ActionScript类的组织。
例如用FlexBuilder编辑示例Calculator的程序,可以直接在Calculator项目下创建myControls文件夹,并打包两个ActionScript类文件Calculator.as和MyButton.as。在编码过程中,FlexBuilder支持ActionScript的快速开发索引,图1.13中MyButton继承了Button类,即MyButton可以使用所有的Button操作。因此FlexBuilder会索引出Button的所有属性和方法,提高了编码的效率。

图1.12使用FlexBuilder设计完成HelloWorld(点击放大)

FlexBuilder开发特点的示例分析

图1.13使用FlexBuilder3编写ActionScript

FlexBuilder开发特点的示例分析

FlexBuilder开发沿袭了Eclipse体系,大多数Eclipse支持的开发配置、快捷键、调试控制、代码重构等方面的优势都被FlexBuilder所支持。FlexBuilder同样支持版本控制软件(CVS),我们可以把MXML代码和ActionScript代码都通过CVS进行管理,因此通过FlexBuilder实现大型项目的开发可以达到事半功倍的效果。

以上是“FlexBuilder开发特点的示例分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


分享名称:FlexBuilder开发特点的示例分析
路径分享:http://cdweb.net/article/jejegd.html