flex 进门[优质文档].ppt

1、概述 RIA FLEX 三种主流RIA Adobe Flex Silver lightSun JavaFX Flex 运行机制 Flex只是一种客户端技术，同时也属于Flash平台。Flex代码最终被编译成SWF文件运行在Flash播放器（Flash Player）中。SWF文件可以单独在用户终端运行，但是必须要安装Flash Player。也可以在各种流行的浏览器中运行，浏览器必须安装Flash Player插件。 SWF文件是一个压缩文件，可以通过Flash Player呈现出来。由于SWF文件很小，所以有很快的网络下载速度。用户要想运行一个Flex应用程序，只需要通过网络或者其他途径获取SWF文件，就可以运行在装有Flash Player插件的浏览器中。 Flex产品组成 Flex是一个比较完整的开发框架，主要有三个部分组成。 1．Adobe Flex SDK 2．Adobe Flex Builder 3．Adobe LiveCycle Enterprise Suite 2、Flex的开发环境 Adobe Flex是一个免费的产品，可以使用任何一款编辑器开发。在诸多编辑器中，Flex Builder是一个不可或缺的、功能强大的编辑器，是基于Eclipse IDE开源项目构建的，继承了很多优秀的功能。 Flex SDK的安装 开发工具Flex Builder 3、Flash builder 4.x 调试Flex应用程序 Flex SDK的安装 安装Flash builder 4.x 安装flash player 编译代码 Flex SDK中包含两个编译器：mxmlc和compc。mxmlc编译器可以把MXML和ActionScript代码编译为SWF文件，compc编译器可以把组件和库编译为SWC文件。 创建Flex项目 Project（项目）是Flex Builder中的基础，一个Project是一组相互关联的文件。所以，创建一个Flex应用程序，就需要创建一个项目（project）。 项目组件化 通过在右键源代码菜单中，选择并创建一个MXML Component组件文件，可以把每个组件独立出来。这样做可以使项目源代码组件化，把不同功能的组件独立出来管理。 项目模块化 通过在右键源代码菜单中，可以选择并创建一个MXML Module模块文件。项目模块化实际上就是把相同功能的代码组织到一个模块中，通过多个模块的累积，从而形成一个完整的应用系统。 项目模式化 通过在右键源代码菜单中，可以选择并创建一个ActionScript文件、类或者接口。通常这类文件会在设计模式中被应用。设计模式是管理和组织大量代码更有效的方法之一，是面向对象思想最直接的体现。而ActionScript语言本身就是一个面向对象的语言。 3、 MXML语法基础 MXML是一种基于XML设计的描述性标记语言，使用MXML可以构建Flex应用程序中的用户界面组件。同时，MXML也借鉴了HTML等Web技术。 MXML的构成 解析MXML的标签 命名空间 MXML的构成 MXML是Flex架构中最核心的语言之一。因为MXML是在XML基础上设计的，所以，它具有易读、易编写等优点。 结构原理 XML是一种可扩展的标记语言，其内容是一段结构性的文本。在XML中，所有的标记都使用一对尖括号（“”和“”）。如下面是一段典型的XML代码。 book author name / /author /book 与HTML类似，MXML同样也是把某些特殊的单词指定了含义。 书写规则 MXML是XML的一种扩展行语言，所以MXML继承了XML的书写规则。MXML的书写规则如下。 所有元素要有开始和结束标记。如果一个标记被打开，那么在对应的地方应该被关闭。计算机的逻辑是很严谨的，如果某个标记只有开始没有结束，系统就会发生错误。 区分大小写。XML是区分大小写的，所以MXML同样也是。book和Book在XML中是不同的两个元素标记。mx:Panel和mx:panel当然在MXML中也是不同的 需要声明。在XML文档的第一行通常都需要声明版本和编码等信息。 解析MXML的标签 MXML的标签（tag）和XML中的标签一样，只不过在MXML中，这些标签（tag）具有特殊 。一个标签（tag）通常所包含的信息可以通过两种方式实现：内容和属性。 1．内容 2．属性 命名空间 可能也注意到了，在上述的MXML例子中，标记的开头都出现了类似mx的字样。这是XML的命名空间，说明Panel和Label等组件都是属于命名空间mx中的。 一个XML命名空间是一个命名的汇集，它由URI引用确定，在XML文件中做为元素类型和属性名使用。之所以要在XML中引用命名空间的概念，主要是为了软件模块化，