Flex3教程

1.Flex简介和开发环境Flex 3是Adobe出品的开发RIA(Rich Internet Applications)的工具,包括Flex 3 SDK, Flex Builder和Flex整合的服务产品.Flex Application:用flash.swf文件格式封装的发布在HTML网页中的应用程序,需要在客户端安装Flash Player 9.开发者可以完全访问Flash绘画API,应用程序使用ActionScript 3,很类似于Java,过渡起来很容易.创建Flex应用程序的步骤如下:选取预定义的可视化组件；在用户界面上添加组件；使用styles和skins自定义应用程序界面；增加事件处理和脚本处理代码，控制应用程序行为；连接数据和通讯服务；Bulid和Run应用程序.接下来提供一点Flex的相关资源./flex3/componentexplorer/explorer.html这个很重要，其实就列出了组件的使用方法，本身就是用flex写的，不过不能下载，但有人整理过；/devnet/flex/;.在生成的文件中，有个html文件，里面设置了播放编译好的swf文件的要求等，所以如果我们想要把swf放在其他项目中，最好也把它一块儿拷贝过去.实际上还存在一个templete 文件夹，提供了模板文件，编译生成的一些文件就是参照它，然后进行了相应的修改.所以如果大家可以事先修改模板文件达到某种特殊效果，比如上边界留白.2.ActionScript语法我们常常使用import和export命令,导入导出工程,并且可以对相应选项进行设置,比如需不需要看到源文件,是导入工程文件夹还是zip压缩文件等等.<![CDATA[ ]]>字节对可以避免它里面的脚本和整个mxml一起编译。

在编译的时候mxml是要被转换为as的。

整个程序创建完后会去调用initApp（）。

trace（）是调试的时候使用的，但必须安装flash的调试版本，我们也可以引用一个textarea 控件，将关心的内容显示出来，如:txt.text=txt.text+”/n”+num.toString();在as里面有三种for 循环形式：第一种是常规的数字控制循环次数；第二种是var student:Object = new Object(); =”eric”; student.age=20; student.type=”本科”; for(var prop:String in student) {txt.text=txt.text+”\n”+prop+”:”+student[prop].toString();};注意这样打印出来的顺序和原来的输入顺序不一定对应，这要依赖底层存储实现方式；第三种是for each(var value:* in student) {txt.text=txt.text+”\n”+value.toString();};continue出现之后后面语句不被执行，直接进行下次循环；而break是直接跳出本层循环。

如何学习Flex 简明教程！对于初学者太有用啦！阅读次数: 356次发布时间: 2011-07-26 18:32:48发布人: xiangkun来源: ITeye原来有人问我：怎样学好Flash？我的回答一般就是：仔细看帮助、多做练习、多看优秀的源码、多上专业论坛参加讨论。

可是Flex来了，于是又有人问：怎样学好Flex？我不知如何回答，因为我也是Flex新手，也在“仔细看帮助、做练习、看源码、上论坛……”。

现在d.CAT 的这篇优秀的文章，详细的回答了这个问题。

下面的文章转自d.CAT RIA Blog，由于原文是繁体中文的，所以转载过来的时候我对文章的繁体字部分进行了替换，对一些词语进行了修改以符合简体中文语言习惯，对一些术语进行了注释。

最后，文中所有第一人称处所指的都是原文作者而不是“我”，有麻烦可以找他以下为转载：==================================================================＊Flex 的基础架构关于flex 基本上常被问到的不外乎就是“如何可以学好它？”，要了解这个问题的答案基本上只要看懂下面这个图就OK了。

＊Actionscript 该学的重点从最底层看起，最下面的actionscript 3是一切的基础，它是flash/flex 编程使用的唯一程式语言，因此任何人想学好flex 第一件事绝对是先摸熟actionscript 这个语言，包含：1.它的基本语法与结构(array, hash, loop, if else…)2.DisplayList (DisplayObject, DisplayObjectContainer)与Event system(bubbling,propagating…)3.Sound, Video, NetConnection 与Graphics class掌握as3 的精华后，接下来就可以进入flex framework。

Flex3 布局容器Canvas layout 容器 (1)Absolute模式 (1)constraint-based模式： (2)ControlBar layout 容器 (4)ApplicationControlBar 容器 (6)DividedBox, HDividedBox 和VDividedBox 布局 (7)Form 表单布局 (9)Grid布局 (11)Panel 容器 (12)TitelWindow容器 (13)Title layout 容器 (14)对于一个拥有丰富组件的GUI设计工具来说，界面的布局技术成为界面美化的一个重要方面。

Flex从控件的功能上大致提供了两种方法：容器（控制布局），组件（提供GUI实质功能处理）。

使用容器分层次管理GUI是当前的趋势,Flex也使用了此种方式,主观上我们认为它把我们界面上的组件通过容器进行了分组或分类布局管理。

接下来，我将通过简单的示例逐个介绍各种界面布局的设计。

Canvas layout 容器Canvas的界面布局，它定义了一个矩形框架的区域，用来放置用户的容器和控件。

不像其他的组件，你不能放任Flex的控件。

你必须指定absolute或者constraint-based来指定组件的位置。

Absolute模式必须指定x,y坐标。

Constrain-based必须指定side, baseline,或者center anchors. 接下来具体介绍两种布局方式：Absolute模式：你可以指定x,y坐标来指定每个组件的在容器的位置。

坐标的是相对canvas 容器的左上角来设计的。

即容器的左上角坐标为(0,0). X.y可以为正负值，如果是负值的话，组件就会放在超出容器可是范围的位置。

当然可以利用Actionscript来完成移动的操作，这就涉及到的event事件。

<?xml version="1.0" encoding="utf-8"?><mx:WindowedApplication xmlns:mx="/2006/mxml"width="219" height="230"><mx:Canvas id="mycanvas" height="182" width="200"borderStyle="solid" backgroundColor="white"><mx:Button x="10" y="10" label="button1"/><mx:Button x="50" y="67" label="Button2"/><mx:Button x="92" y="129" label="Button3"/></mx:Canvas></mx:WindowedApplication>效果如下图：constraint-based模式：这个分别介绍canvas 的Vbox以及Hbox的两种组合。

Flex3基础知识菜花目录Flex3基础知识 (1)介绍、编译： (1)第一部分：AS3基本语法 (3)基本数据类型 (3)数组：复杂数据类型，有序的数据集合。

(3)String类型 (6)函数 (6)变量 (6)类 (6)接口（与Java相似） (7)继承（与Java相似） (7)第二部分：事件 (7)事件机制 (7)第三部分：容器与组件 (10)容器定位与布局： (10)导航容器： (11)第四部分：数据绑定 (11)第五部分：验证 (12)第六部分：控制管理 (12)第七部分：外部数据交互 (16)第八部分：Flash Player的安全机制 (17)第九部分：工具 (17)第十部分：数据模型 (19)第十一部分：样式与皮肤 (20)第十二部分：高级组件开发 (20)第十三部分：实例 (20)介绍、编译：Flex=ActionScript+mxml；Mxml基于xml之上的实现，与jsp和servelt相似，jsp首先会被容器先转换成servlet文件；同样，mxml文件也会先被转换成ActionScript文件，再进行加载。

Mxml的方式与html相似。

ActionScript类似Java，为面向对象语言，ActionScript 的核心底层遵循ECMA-262标准协议，与javascript一致。

Mxml文件会被转换为两个文件：一是mxml文件有部分转换成ActionScript脚本。

二是mxml文件按文件名被转换成对应名称的AS类。

Flex工程src目录下的文件也会编译到swf文件中，还有flex的架包。

第一部分：AS3基本语法基本数据类型1.Boolean2.Int3.Null：只有一个值null，是String和复杂类型（包括Object类）的默认值。

4.Number：最大值Number.MAX_VALUE和最小值Number.MIN_VALUE。

5.String：16位字符序列，内部存储为Unicode字符，使用UTF-16格式。

flex4 读书笔记chapter 3，最好的特点分析和flex3和flex4版本比较学习教程2011-06-01 18:11:30| 分类：flex | 标签：|字号大中小订阅源地址：/selina_1113/blog/item/20030438084a3bf814cecbc9.html1、默认情况下，swf文件只能向swf文件所在的域提出http或其它网络请求。

如果要仿问swf文件所在的不同的域，即要在目标域的根目录中放置一个crossdomain.xml文件，设置当前服务器接受的域。

2、mxmlc可以把mxml、as、swc、rsl等文件打包成一个swf文件，而compc可以把mxml、as等编译成swc或rsl文件。

3、部署文件时，请确保rsl等资源文件是否存在于服务器中以及swf文件指向的rsl的路径。

4、flashbuilder使用swfobject2类库把swf放在html中。

5、在网络安全沙箱内，flash除了ShareObjects外，不能访问本地的磁盘及资源。

在得不到用户允许的情况下，不能从摄像头或耳麦中获取信息并发送到网络。

6、swf只能访问网络或本地资源两种中的一种。

也就是说要么你把swf设置为只能访问网络，要么把swf设置为只能访问本地资源。

设置的选项为编译时的use-network=true/false。

默认为true。

7、flex只持基于组件的开发模型。

常规的开发方法是先扩展一些基本的UI组件并把你需要的功能封装在上面，然后再在UI中组装起来。

8、在开发过程中，你会使用自已开发的自定义组件或外部的自定义组件。

默认情况下flashbuilder 在项目src及其子目录下寻找自定义组件。

如果你需要使用别的地方的自定义组件，你可以设置source path。

flashbuilder除了在src目录下寻找组件外，还会在source path下寻找自定义组件寻找的顺序按source path顺序寻找。

Flex入门教程编写日期：2009-02作者：Dason 主要讲3个主题:1.Flex是什么，用途和前景；2.Flex Builder基础；3.MXML基础；现在进入第1个主题：首先我们要明白，flex不是专门用来做网页的，它主要是用来做RIAs的RIAs=Rich Internet Applications富英特网应用程序Flex现在虽然是2.0，以前是1.0和1.5，但是不要担心1.0和1.5版本自己没有用过，因为2.0版本才是Flex真正的开始，首先，Flex2.0的技术基础很高，采用Action Script3.0为编程核心，以FlashPlayer9.0为平台它与以前版本的区别是FlashPlayer9.0采用全新的虚拟机,运行速度是8.0的10倍以上Flash8.0和Flex1.0,1.5，都是Action Script2.0用的FlashPlayer8.0，在性能上，跟Flex2.0的Action Script3.0和FlashPlayer9.0相差太远了我们现在处于RIAs浏览器时代，意思是，我们用Flex做的程序，必须要用浏览器打开，以网页的形式发布，明年，我们将步入下一个RIAs时代――桌面RIAs时代，我们现在所有用flex2.0做的程序,明年都可以被重新发布成桌面应用程序，就跟我们现在用的软件是一样了，到时候,我们的程序不再被浏览器限制了，flex能做的程序很多，比如QQ这样的即时聊天软件、论坛、股票软件、网络视频聊天、等等。

你能想到的基本都能做出来，Flex的前景是一片明朗的，而且越往后越会被广泛采用，这一切都从Flex2.0开始，所以，对于我们来说，这是个前所未有的好机会。

现在学flex的人很少很少，如果你等到他已经大面积普及,那就没有竞争力了。

好，现在提问时间，马上要进入下一主题：Flex是纯面向对象语言，C是面向过程语言，ActionScript3.0相对2.0,改动太大了，如果有2.0基础,对3.0帮助不大，所以，如果你第一次接触的就是3.0，也不要紧，3.0删除了很多2.0的东西，而且增加了很多新类，3.0跟JAVA基本没什么区别了，所以，有JAVA基础的人，学起来更快。

第一章Flex是如何工作的该部分文档的内容是为用户提供关于Adobe®Flex工作机制的一个快速综述。

通过本章节的学习，你可以创建你的第一个Flex应用程序，并将它与你以前所熟悉的Web开发技术进行比较，以领会Flex的内涵和精髓。

第一节构建并运行Flex应用程序Flex是一个提供开发设计和运行支持的架构，它可以使开发人员创建利用Adobe®Flash®Player9作为前台的“富客户端互联网应用程序/rich Internet applications/RIA”，以满足用户更为直观和极具交互性的在线体验。

开发Flex应用程序的典型步骤如下（通常是这样）：1.选取一系列预先定制好的、用于设计应用程序界面的组件（如表格、按钮等等）2.布置组件以设计用户界面。

3.使用样式和主题来增强视觉方面的设计。

4.添加动态行为（例如程序部件之间的相互作用）。

5.定义并连接所需的数据库服务。

6.将源代码编译成SWF文件，然后在Flash Player中运行。

一个典型的Flex应用程序包括如下元素：1.Flex frameworkAdobe®Flex2framework包含了创建RIA所需要的所有组件，它们是：用于应用程序布局规划的容器；针对用户界面和从用户处获取数据的控制（例如文本框和按钮）；广泛支持的数据绑定、数据格式化、以及有效值验证；事件驱动的开发模式。

Flex framework被包含在公用组件库（SWC）文件中。

2.MXML每个Flex应用程序至少包含有一个MXML文件，它被作为该程序的主文件。

MXML是一种标记语言，它是基于XML的一种实现，用来创建Flex应用程序。

你可以使用它去声明程序中所使用的标签结构的定义。

3.ActionScript3.0你可以使用ActionScript3.0为应用程序添加动态行为，它是基于ECMAScript的一种实现，类似于Jav aScript。

前言其实，创建富客户端应用在flex之前就已经存在了;自从flash 8以来，flash平台就已经有可行RIA 平台。

But it was initially geared toward designers using the environment from a creative per- spective, which wasn’t ideal for those coming from a pure development background.假如你是一个flash应用的开发者，你仍然有很多困难阻碍着你。

Delivering feature-laden rich applications in a productive and timely manner was diffi- cult，因为你自己不得不做许多工作挑战变的非常清楚和简单: provide a pure development environment that leveraged the ubiquity and capabilities of Flash yet catered directly to developers and their systems-development lifecycle. Give developers tools to be productive, and give them a framework that did most of the hard work for them so that they could focus their efforts on application logic.这个解决方案就是flex。

自从Macromedia在2004年3月推出了Flex，flex有一个非常不寻常的旅程，那一年，紧随第一个版本之后，发布了1.5版本。

Flex作为一个服务器产品被开发人员在flash平台上创建应用程序这开启了一个新世界，并点燃了RIA这把火。