Flex3教程
Flex学习笔记
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 简明教程!对于初学者太有用啦!
如何学习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界面布局中文教程--一路风尘制作
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基础知识菜花目录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格式。
Flexsim.3.0版中文教程
上下文相关的帮助
下拉菜单选项文件说明中增加了举例
更多的范例模型
更好的相关信息链接
新的正投影图形编辑器
新的“编辑所选实体”菜单
新的树编辑器
可以更快捷地在模型树中进行高级建模。
新的自动Excel导入
新的Visio模型导入能力
使用Flexsim模板在Visio中建立一个模型，可以直接导入Flexsim！
统计命令
calculateconfidence(stddev（标准方差）,nrofdatapoints（数据点个数）,confidence（置信度）)
getdatastat(mean/confidenceinterval（均值/置信区间）,dataset（数据集）)
用户事件命令
geteventtime(eventname（事件名称）,mode（模式）)
copyvariables(ffromobject（起始实体）,toobject（终到实体）)
copylabel(fromobject（起始实体）,toobject（终到实体）, labelname（标签名）)
copylabels(fromobject（起始实体）,toobject（终到实体）)
copyvisuals(fromobject（起始实体）,toobject（终到实体）)
getstatestr(object（实体）)
getvarnode(object（实体）,variable（变量）)
getvarnum(object（实体）,variable（变量）)
setvarnum(object（实体）,variable（变量）,value（值）)
getvarstr(object（实体）,variable（变量）)
最好的特点分析和flex3和flex4版本比
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 3 基础教程(1)
Flex 3 基础教程(1) 基础教程(1
——简介,安装和开发环境 ——简介,安装和开发环境
郑岩峰 20082008-5-18
Adobe Flex 3 简介 什么是Adobe Flex? 什么是Adobe Flex? Flex Builder 3 教程 使用Flex 使用Flex Builder 设计视图 Hello World应用程序 World应用程序 程序结构解析
如何创建Flex 如何创建Flex应用程序 Flex应用程序 步骤如下: 选取预定义的可视化组件 在用户界面上添加组件 使用styles和skins自定义应用程序界面 使用styles和skins自定义应用程序界面 增加事件处理和脚本处理代码,控制应用 程序行为 连接数据和通讯服务 Build和Run应用程序 Build和Run应用程序
什么是Flex 什么是Flex 3
Flex 3是Adobe出品的开发RIA(Rich Internet 3是Adobe出品的开发RIA(Rich Applications)的工具,包括: Applications)的工具,包括: Flex 3 SDK(软件开发包) SDK(软件开发包) -Compiler (编译器) (编译器) -Framework (Flex类库) (Flex类库) -Debugging tools (调试工具) (调试工具) Flex Builder 3 -整合和开发环境 -基于eclipse 基于eclipse 和Flex整合的服务器产品 Flex整合的服务器产品 -LiveCycle Data Services 2.51 -ColdFusion 8
Flex完全自学入门手册
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基础的人，学起来更快。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
组件分类 可视化控件
容器是指可以含有其他对象的可视化组件。 控件是指显示信息或提供应用程序用户交互功能的可视化组件。 示例代码
<mx:Canvas> <mx:VBox> <mx:Label text="This is Label 1"/> </mx:VBox> </mx:Canvas>
e-mail：wanggq@
运算符和表达式
名称
算术运算符 关系运算符 逻辑运算符 赋值运算符
种类
+、-、*、/、%、++、->、<、>=、<=、==、！= &&、||、! 简单赋值：= 复合算术赋值：+=、-=、*=、 /=、%=
表达式格式
标达式 算术运算符 表达式 关系运算符 表达式 表达式 逻辑运算符 表达式 标识符 赋值运算符 表达式
注：可以将MXML描述为ActionScript3 的一种“方便语言”，用它编写应用 程序比完全用ActionScript3 编码更加简单和快速。
Flex3基础篇—编译和发布
e-mail：wanggq@
Flex3基础篇—熟悉开发环境
e-mail：wanggq@
Flex Builder 用户界面 MXML 编辑器 ActionScript 编辑器 Flex Builder 视图 Flex Navigator 视图 Outline 视图 Problems 视图 Design 视图 调试视图
Flex3基础篇—熟悉开发环境
e-mail：wanggq@
Boolea n
Int Int Array Array Boolea n
决定是否突出显示当前日期。默认值：true
允许是最小年份。默认值：1900 允许是最大年份。默认值：2100 由不能被选中的基于0的索引天数指明的整数数组 。默认值：[] 一组用作日期名称标签的字符串值。默认值：[S ，M，T，W，T，F，S] 决定是否可以选中多个日期。默认值：false
Number Number Number Number Array Array
显示的滑块数量。可能的值是1和2。默认值： 1
Slider的最小值。默认值：0 Slider的最大值。默认值：10 用于计算刻度间隔的数值。默认值：0 强制滑块对齐到某一刻度。默认值：0 该属性决定在滑块上显示刻度线。取值范围是 minmum和maxmum之间 用作标签的字符串数组。
获取或设置一个布尔值，指示当按钮处于弹 起状态时，Button 组件周围是否绘有边框 。 按扭上显示的文本。 按扭上显示的图标。如： [@Embed(source=“icon.jpg”)]
label icon
MXML组件篇
e-mail：wanggq@
日期控件：DateChooser 和 DateField DateChooser控件的属性(DemoDate)
获取帮助 探索帮助内容 搜索帮助术语 Flex Builder 界面中搜索 Help Contents 窗口中搜索 使用动态帮助 在Eclipse编辑器中显示动态帮助 在独立的窗口中显示动态帮助（Shift+F2）
Flex3基础篇—熟悉开发环境
e-mail：wanggq@
allowDisjointS election
Boolea n
决定是否可以选中不连续的日期。默认值：true
MXML组件篇
e-mail：wanggq@
交互式控件
ScrollBar控件：VScrollBar 和 HScrollBar Slider控件：VSlider 和 HSlider
搜索代码 使用 Eclipse 搜索工具 使用Find/Replace 使用Find in Files 使用 Flex Builder 代码模型搜索工具 搜索对象引用 搜索对象声明 重构代码
Flex3基础篇
e-mail：wanggq@
小结 主要介绍了Flex Builder 3 的一些性质和行为： 了解Flex 的产品包含SDK 和 Flex Builder。 Flex 语言包含：MXML 和 ActionScript3。 Flex 应用程的编译和发布。 获取帮助方式介绍。 搜索代码方式介绍。 Flex Builder 3 所包含视图的介绍。
MXML组件篇
e-mail：wanggq@
Box容器样式表
属性 可接受的值/数据类型 描述
verticalAlign horizontalAl ign verticalGap horizontalAl ign paddingLeft paddingRigh t paddingTop paddingBott om
非可视组件
示例代码
<mx:WebService id="myService" wsdl="/services/Myservice?wsdl"/>
MXML组件篇
e-mail：wanggq@
常用控件： 文本控件
• 文本显示控件：Label和Text • 文本输入控件：TextInput、TextArea 和 RichTextEdit
组件实例化 使用MXML实例化组件
示例代码
<mx:Application xmlns:mx="/2006/mxml"> <mx:Label id="myLabel" text="Hello World!"> </mx:Application>
使用ActionScript实例化组件
top,middle,bott om left,center,righ t Number Number Number Number Number Number
将容器中所有对象都垂直对齐。默认值： top 将容器中所有对象都水平对齐。默认值： left 对象之间的垂直距离。默认值：6 对象之间的水平距离。默认值：6 从容器的左侧边缘到第一个嵌套对象之间 的距离。默认值：0 从容器的右侧边缘到第一个嵌套对象之间 的距离。默认值：0 从容器的顶部边缘到第一个嵌套对象之间 的距离。默认值：0 从容器的底部边缘到第一个嵌套对象之间 的距离。默认值：0
MXML组件篇
e-mail：wanggq@
层叠样式(CSS)介绍 Flex声明样式的方法如下：
行内样式：在对象的MXML 声明中声明为属性。 内样式表：在MXML 文件中的<mx:Style>标记组中声明样式。 外部样式：创建为使用.css 文件扩展名的文本文件。 编译样式表：将样式创建为.swf 文件并且可以在应用程序运行时加载它。
总览
Flex3基础篇
nScript 3.0语法篇
MXML组件篇 处理数据篇
实例篇
ActionScript 3.0语法篇
e-mail：wanggq@
数据类型 基本数据类型包括：Boolean、int、Number、String、uint。 ActionScript 核心类还定义下列复杂数据类型：Object、Array、 Date、Error、Function、RegExp、XML 和 XMLList。 基本数据类型
类型
Boolean int
有效位数
1 32位 true和false
描述
默认值
0:false 0
表示带符号的整数。
Number
uint String
52位
32位 16位
可以表示整数、无符号整数和浮点数。
表示不带符号的整数。(非负整数) 表示一个16位字符的序列。 0 null
ActionScript 3.0语法篇
Label文本控件属性(DemoText)
属性 数据类型 描述
condenseW hite Text truncateToF it selectable htmlText
Boolea n String Boolea n Boolea n String
表时是否从文本中删除空白区域(空白字符、 制表符和换行符)。 RichTextEdit不支持 该属性 不含有HTML标记的文本 该属性决定是否截去文本 该属性控制文本是否可以被选中 含有HTML标记的文本
可以显示一个交互式日历，该日历中会显示年份和月份，操作如下：
一次向前或向后浏览一个月。 通过鼠标操作选择单个日期、多个日期或某个日期范围。
属性 数据类型 描述
selectedDate
Date
当前选中的日期
showToday
minYear maxYear disabledDays dayNames allowMultipleS election
注：SDK是免费的，Flex Builder只能通过Adobe Systems购买许可才能获 取。
Flex3 包含两种编程语言
ActionScript3
包含面向对象的语言的大部分元素：类定义语法、类包结构化、 变量的强数据类型以及类继承。
MXML
纯粹是一种基于XML的标记语言，用于定义Flex应用程序及基大 量组件。MXML中的大部分元素都对应着ActionScript3类。
HSlider控件的属性(DemoSlider)
属性 数据类型 描述
value
Number
基于滑块的位置Slider控件当前所选中的值。 默认值：0
thumbCount
minimum maximum tickInterval snapInterval tickValues labels
Number
Flex3介绍文稿
wanggq@