flex快速入门必读.docVIP

Flex快速入门介绍 一、Flex简介： Flex是一个针对企业级富互联网应用的表示层解决方案，是一种应用程序框架。Flex系列产品包括编译工具和IDE，通过编写MXML和ActionScript代码，用编译器来生成swf文件，使用浏览器的Flash Player插件就可以进行观看。MXML代码与jsp很像，主要是用于布局和显示，ActionScript代码和javascript很像，语法也有很多相似之处。总的来说，使用java的程序员很容易入手学习flex。 二、Flex与ActionScript基础： 一个Flex应用程序有ActionScript和MXML两种语言代码组成。从3.0开始ActionScript已经从基于原型脚本语言进化到完全面向对象的。MXML则是一种标记语言，非常类似于大家所熟悉的超文本标记语言(HTML)，扩展标记语言(XML)。 如何把MXML和ActionScript相互关联起来呢？对于编译器来说，解析这两种语法后最终被翻译成同一个对象，比如： mx:Button id=btn label=My Button height=100/ 和 Var btn:Button = new Button(); btn.label = MyButton; btn.height = 100; 产生的是同一个对象，两者的主要不同是，ActionScript创建的对象(上面第二个例子)除了Button就没有别的了，而MXML中创建的对象将Button添加到包含MXML代码的任何组件上。Flex框架根据MXML中的对象描述来调用构造函数，然后将其添加到父对象上或设置其为父对象的某个属性。 MXML文件中可用mx:Script标签包含ActionScript，不过ActionScript文件是不能包含在MXML里的。你可以这样理解：MXML是描述应用程序外观及其组件，而ActionScript则描述如何处理应用程序的事件和自定义逻辑，虽然这么说不完全确切，但可以让你明白这两者之间的大致关系。在某些方面，比如循环，函数定义，条件语句等等都必须通过ActionScript实现，除了最简单程序可能不需要ActionScript外，绝大多数都是需要MXML和ActionScript来相互协作。 开发Flex应用程序，通常会采用如下的步骤进行： 1. 在一个文本编辑器或集成开发环境（IDE）中，如Adobe Flex Builder中插入MXML根标签。 2. 添加一个或更多容器。 3. 在容器中添加控件，如输入栏、按钮和输出栏。 4. 定义一种数据模型。 5. 添加一个web服务器，HTTP服务器，或向远程Java对象发送请求。 6. 为数据输入添加验证。 7. 为组件添加脚本。 8. 将应用程序编译成SWF文件。 三、创建一个Flex应用程序： 创建一个项目 在Flex Builder中创建一个Flex应用程序之前，你必须首先要创建一个项目。当创建好项目文件时，主MXML程序文件就已经准备好。然后你就可以在项目中添加各种资源，如MXML组件文件、ActionScript文件等等。其主要操作步骤有： 1. 启动Flex Builder并从主菜单中选择 文件 新建 Flex 项目，出现新项目向导/新建Flex项目。 2. 在打开的屏幕中，选择基础数据选项/Basic data option并点下一步/Next。接下来会询问你指定保存项目文件的目录。 3. 在项目名称栏中输入myFirstFlexProject。在项目内容区域，确保使用默认目录选项/取消选定。选择自己要存储的目录。Flex Builder将在该目录下创建myFirstFlexProject文件夹。 4. 点击完成。Flex Builder创建好新的项目并在导航视图中进行显示。新建项目向导将自动生成项目配置文件，存放被编译SWF文件的输出目录，以及主程序文件myFirstFlexProject.mxml。 创建并运行应用程序 1. 如果myFirstFlexProject.mxml文件没有被打开，请在导航视图中找到并双击来打开它。 2. 切换到MXML编辑器。 Flex Builder将在myFirstFlexProject.mxml文件中插入随后代码： ?xml version=1.0 encoding=utf-8? mx:Application xmlns:mx=/2006/mxml layout=absolute /mx:Application 3. 在mx:Application组标签之间输入随后的代码来添加一个面板容器。mx:Panel title=My Application width=200 height=300 /mx:Panel面板容器是F