《Flex从入门到实践_1》由会员分享，可在线阅读，更多相关《Flex从入门到实践_1（232页珍藏版）》请在金锄头文库上搜索。
1、第1章 Flex概述,Adobe公司的Flex产品是用于构建和维护在所有主要浏览器、桌面和操作系统一致地部署的。同时它也是极具表现力的、Web应用程序的、高效率的开放源码框架。作为RIA应用程序的主要开发框架，Flex 3中已经包含了一套强大的开发工具。本章包括以下内容： Flex与Flash的关系 Flex使用的语言 Flex与服务器通信,1.1 Flex简介,Flex是一个基于组件的开发框架，可以生成一个由Flash Player运行的富互联网应用程序。Flex将基于标准的语言和各种可扩展用户界面及数据访问组件结合起来，使得开发人员能够构建具有丰富数据演示、强大客户端逻辑和集成多媒体的应用
2、程序。,1.1.1 Flex是什么,Flex是一种创建RIA（Rich Internet Applications）快速有效的方法之一。RIA是一种可能代替传统HTML应用系统的解决方案。RIA技术既可以像Web一样很简单的部署用户客户端程序，同时交互性和表现力等方面也大大超过了传统Web应用系统。如今，很多开发者或者公司已经开始研究并构建了成熟的RIA系统。,1.1.2 Flex 运行机制,Flex只是一种客户端技术，同时也属于Flash平台。Flex代码最终被编译成SWF文件运行在Flash播放器（Flash Player）中。SWF文件可以单独在用户终端运行，但是必须要安装Flash P
3、layer。也可以在各种流行的浏览器中运行，浏览器必须安装Flash Player插件。 SWF文件是一个压缩文件，可以通过Flash Player呈现出来。由于SWF文件很小，所以有很快的网络下载速度。用户要想运行一个Flex应用程序，只需要通过网络或者其他途径获取SWF文件，就可以运行在装有Flash Player插件的浏览器中。,1.1.3 Flex产品组成,Flex是一个比较完整的开发框架，主要有三个部分组成。 1Adobe Flex 3 SDK 2Adobe Flex Builder 3 3Adobe LiveCycle Enterprise Suite,1.2 Flex和Flash
4、的关系,Flex是早期Macromedia公司发布的Presentation Server（展现服务），是Java Web Container或者.NET Server的一个应用。Flex根据MXML文件（纯粹的XML描述文件和ActionScript脚本语言）产生相应的SWF文件，传送到客户端，由客户端的Flash Player或者Shockwave Player解释执行，给用户以丰富的客户体验。 Flash是强大的矢量动画编辑工具，在Flash被Adobe公司收购之后，Flash一直在谋求Rich Internet Application（富客户端）的霸主地位。最有影响的是，已经推出了面向
5、对象的编程脚本ActionScript 3.0，并且建立起类似于Java Swing的类库和相应Component（组件）。,1.3 Flex与其他技术比较,Flex是一种混合的技术，这种语言技术的设计借鉴了其他优秀的现代标准语言，如XML、JAVA等。其中，MXML就是基于XML构建的描述界面的语言，同时借鉴了HTML等Web技术。而ActionScript也是大量的借鉴了JavaScript脚本和Java语言的语法组成。,1.3.1 HTML/JavaScript/Ajax,Flex技术是在Web技术发明之后开发出来的。Flex技术中的MXML语言就是基于XML，并且借鉴了HTML描述语言
6、。所以，MXML和HTML的作用实质上是一样的，都是为了更好的描述界面布局和组件样式。不同的是，MXML采用了更加先进的设计模式，使得MXML代码更容易阅读和编写。 Flex中的ActionScript是一种脚本语言，用来处理客户端的逻辑运算。ActionScript的设计同样也参照了JavaScript，与JavaScript作用一样。并且，ActionScript和JavaScript两者的语法也极其相似，这使得开发者学习新的ActionScript语言的门槛降低。,1.3.2 Java/Java FX,Flex是一个类似于Java和Java Swing的平台。Flex中的脚本语言Acti
7、onScript与Java上的语法和结构都极其相似。它继承了Java中包的概念，在设计中，参照了Java的大部分特性。 同Flex一样，Java也可以把应用程序部署到Web上运行。但是编译之后的文件却远比Flex大，因为Java的运行环境JRE和开发包JDK拥有比Flex多得多的类库，而且这些类库在客户端可能不需要。所以，很多Java开发者开始了解并学习Flex，计划把Flex和Java更好的结合起来。,1.3.3 Silverlight/XAML,Silverlight是微软公司的富网络应用程序的解决方案。Silverlight的XAML描述语言同样也是基于XML设计的。XAML就相当于Fl
8、ex中的MXML，两者的功能一样，而且语法也类似。Silverlight客户端所使用的逻辑语言更加广泛，因为它是基于.NET框架设计的。这些语言包括C#、JScript、VB等。 不过Silverlight技术刚刚推出不久，其中的很多功能有待完善。而且，在客户端需要安装Silverlight控件。,1.4 小结,本章主要讲解了什么是Flex以及Flex与其他语言的比较。本章的重点是Flex的概念和框架组成。通过本章的学习，读者应该可以更加清楚的了解到Flex的概念和基本框架组成。下一章将向读者讲解Flex的开发环境，其中包括编译工具和开发工具的使用。,1.5 习题,1什么是Flex，其运行机制
9、是什么？ 2Flex与Flash有哪些不同？ 3Flex 3产品有哪些部分组成？ 4说说Flex与Silverlight相同和不同的地方？,第2章 Flex的开发环境,Adobe Flex是一个免费的产品，可以使用任何一款编辑器开发。在诸多编辑器中，Flex Builder是一个不可或缺的、功能强大的编辑器，是基于Eclipse IDE开源项目构建的，继承了很多优秀的功能。本章包括以下内容： Flex SDK的安装 开发工具Flex Builder 3 调试Flex应用程序,2.1 Flex SDK的安装,Adobe Flex SDK产品包含了Flex框架（即组件类库）和Flex编译器。通过使
10、用Flex SDK 3，再结合编辑器，就可以自由的开发和部署Flex应用程序。,2.1.1 下载和安装Adobe Flex SDK,通过Adobe官方网站http:/ SDK开发工具。下载的Flex SDK 3开发包是一个ZIP压缩文件，解压缩到一个指定的目录中即可，如D:flex_sdk_3。下载Adobe Flex SDK 3的页面如图2.1所示，红色区域为下载地址。,2.1.2 编译代码,Flex SDK中包含两个编译器：mxmlc和compc。mxmlc编译器可以把MXML和ActionScript代码编译为SWF文件，compc编译器可以把组件和库编译为SWC文件。,2.2 开发工具
11、Flex Builder 3,Flex Builder是一个建立在流行的、开源的Eclipse IDE基础上的。通过Flex Builder，可以快速方便的构建Flex应用程序，使得开发时间缩短。使用Flex Builder，还可以设置代码的断点，调试程序。本节将重点介绍Flex Builder 3的安装和开发界面。,2.2.1 安装Flex Builder 3,Flex Builder 3有两种安装方式：独立安装和插件安装。独立安装包中已经包括了Eclipse。插件安装则是以Eclipse插件的形式安装，所以安装之前必须要确保已经安装了Eclipse开发工具。本节将会介绍使用独立安装包安装F
12、lex Builder 3。,2.2.2 Flex Builder 3的界面,安装完Flex Builder 3后，通过双击快捷方式可以打开Flex Builder 3的开发环境。第一次使用会出现Flex Builder 3 Activation对话框，需要输入Flex Builder的序列号。Flex Builder 3 Activation对话框如图2.13所示。,2.3 构建第一个Flex应用程序,本节将介绍如何使用Flex Builder 3一步步地开发第一个Flex应用程序。该程序将会在浏览器中输出一个字符串。,2.3.1 创建Flex项目,Project（项目）是Flex Buil
13、der中的基础，一个Project是一组相互关联的文件。所以，创建一个Flex应用程序，就需要创建一个项目（project）。,2.3.2 创建组件和编写代码,创建完项目后，系统自动会返回到Flex Builder 3的开发主界面，如图2.17所示。,2.3.3 编译和运行应用程序,Flex Builder 3中集成了Flex SDK，所以通过Flex SDK可以把示例2-1中编写的代码编译成SWF文件，并在浏览器中运行。,2.4 各种常见的文件类型,Flex中不仅可以创建基本的MXML文件，还可以创建单独的ActionScript文件、类以及接口等。本节将讲解Flex中可以创建的各种文件格式
14、及其作用。创建完某一个项目后，右击其源代码目录，选择并展开New命令项，将会弹出右键菜单，如图2.22所示。,2.4.1 项目组件化,通过在右键源代码菜单中，选择并创建一个MXML Component组件文件，可以把每个组件独立出来。这样做可以使项目源代码组件化，把不同功能的组件独立出来管理。,2.4.2 项目模块化,通过在右键源代码菜单中，可以选择并创建一个MXML Module模块文件。项目模块化实际上就是把相同功能的代码组织到一个模块中，通过多个模块的累积，从而形成一个完整的应用系统。,2.4.3 项目模式化,通过在右键源代码菜单中，可以选择并创建一个ActionScript文件、类或者
15、接口。通常这类文件会在设计模式中被应用。设计模式是管理和组织大量代码更有效的方法之一，是面向对象思想最直接的体现。而ActionScript语言本身就是一个面向对象的语言。 在本书的第25章PureMVC框架中，对设计模式尤其是MVC模式，有更加深入的探讨。,2.5 小结,本章主要讲解了Flex 3的开发环境。其中介绍了Flex SDK 3的安装和使用，详细讲解了Flex Builder 3的安装和使用。在本章的最后，使用Flex Builder 3构建了第一个Flex应用程序，使读者可以快速的入门。下一章将会介绍构建Flex应用系统界面的描述语言MXML。,2.6 习题,1. Flex SD
16、K 3包含哪两部分内容？ 2. mxmlc编译器可以编译哪些类型的文件？,第3章 MXML语法基础,MXML是一种基于XML设计的描述性标记语言，使用MXML可以构建Flex应用程序中的用户界面组件。同时，MXML也借鉴了HTML等Web技术。本章包括以下内容： MXML的构成 解析MXML的标签 命名空间,3.1 MXML的构成,MXML是Flex架构中最核心的语言之一。因为MXML是在XML基础上设计的，所以，它具有易读、易编写等优点。,3.1.1 结构原理,XML是一种可扩展的标记语言，其内容是一段结构性的文本。在XML中，所有的标记都使用一对尖括号（“”）。如下面是一段典型的XML代码。与HTML类似，MXML同样也是把某些特殊的单词指定了含义。,3.1.2 书写规则,MXML是XML的一种扩展行语言，所以MXML继承了XML的书写规则。MXML的书写规则如下。 所有元素要有开始和结束标记。如果一个标记被打开，那么在对应的地方应该被关闭。计算机的逻辑是很严谨的，如果某个标记只有开始没有结束，系统就会发生错误。 区分大小写。XML是区分大小写的，所以MXML同样也是。和在XML中是不同的两个元素标记。和当然在MXML中也是不同的。 需要声明。在XML文档的第一行通常都需要声明版本和编码等信息。,
