Flex3教程
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
e-mail：wanggq@netsdar.com
运算符和表达式
名称
算术运算符 关系运算符 逻辑运算符 赋值运算符
种类
+、-、*、/、%、++、->、<、>=、<=、==、！= &&、||、! 简单赋值：= 复合算术赋值：+=、-=、*=、 /=、%=
表达式格式
标达式 算术运算符 表达式 关系运算符 表达式 表达式 逻辑运算符 表达式 标识符 赋值运算符 表达式
搜索代码 使用 Eclipse 搜索工具 使用Find/Replace 使用Find in Files 使用 Flex Builder 代码模型搜索工具 搜索对象引用 搜索对象声明 重构代码
Flex3基础篇
e-mail：wanggq@netsdar.com
小结 主要介绍了Flex Builder 3 的一些性质和行为： 了解Flex 的产品包含SDK 和 Flex Builder。 Flex 语言包含：MXML 和 ActionScript3。 Flex 应用程的编译和发布。 获取帮助方式介绍。 搜索代码方式介绍。 Flex Builder 3 所包含视图的介绍。
注：SDK是免费的，Flex Builder只能通过Adobe Systems购买许可才能获 取。
Flex3 包含两种编程语言
ActionScript3
包含面向对象的语言的大部分元素：类定义语法、类包结构化、 变量的强数据类型以及类继承。
MXML
纯粹是一种基于XML的标记语言，用于定义Flex应用程序及基大 量组件。MXML中的大部分元素都对应着ActionScript3类。
组件分类 可视化控件
容器是指可以含有其他对象的可视化组件。 控件是指显示信息或提供应用程序用户交互功能的可视化组件。 示例代码
<mx:Canvas> <mx:VBox> <mx:Label text="This is Label 1"/> </mx:VBox> </mx:Canvas>
非可视组件
示例代码
<mx:WebService id="myService" wsdl="http://www.bardotech.com/services/Myservice?wsdl"/>
MXML组件篇
e-mail：wanggq@netsdar.com
常用控件： 文本控件
• 文本显示控件：Label和Text • 文本输入控件：TextInput、TextArea 和 RichTextEdit
可以显示一个交互式日历，该日历中会显示年份和月份，操作如下：
一次向前或向后浏览一个月。 通过鼠标操作选择单个日期、多个日期或某个日期范围。
属性 数据类型 描述
selectedDate
Date
当前选中的日期
showToday
minYear maxYear disabledDays dayNames allowMultipleS election
allowDisjointS election
Boolea n
决定是否可以选中不连续的日期。默认值：true
MXML组件篇
e-mail：wanggq@netsdar.com
交互式控件
ScrollBar控件：VScrollBar 和 HScrollBar Slider控件：VSlider 和 HSlider
获取或设置一个布尔值，指示当按钮处于弹 起状态时，Button 组件周围是否绘有边框 。 按扭上显示的文本。 按扭上显示的图标。如： [@Embed(source=“icon.jpg”)]
label icon
MXML组件篇
e-mail：wanggq@netsdar.com
日期控件：DateChooser 和 DateField DateChooser控件的属性(DemoDate)
Label文本控件属性(DemoText)
属性 数据类型 描述
condenseW hite Text truncateToF it selectable htmlText
Boolea n String Boolea n Boolea n String
表时是否从文本中删除空白区域(空白字符、 制表符和换行符)。 RichTextEdit不支持 该属性 不含有HTML标记的文本 该属性决定是否截去文本 该属性控制文本是否可以被选中 含有HTML标记的文本
wk.baidu.com
Boolea n
Int Int Array Array Boolea n
决定是否突出显示当前日期。默认值：true
允许是最小年份。默认值：1900 允许是最大年份。默认值：2100 由不能被选中的基于0的索引天数指明的整数数组 。默认值：[] 一组用作日期名称标签的字符串值。默认值：[S ，M，T，W，T，F，S] 决定是否可以选中多个日期。默认值：false
MXML组件篇
e-mail：wanggq@netsdar.com
按钮控件
• • • • Button 控件 LinkButton 控件 CheckBox 控件 RadioButton 控
Button水平标尺控件的属性(DemoButton)
属性 数据类型 描述
emphasized
Boolea n String
top,middle,bott om left,center,righ t Number Number Number Number Number Number
将容器中所有对象都垂直对齐。默认值： top 将容器中所有对象都水平对齐。默认值： left 对象之间的垂直距离。默认值：6 对象之间的水平距离。默认值：6 从容器的左侧边缘到第一个嵌套对象之间 的距离。默认值：0 从容器的右侧边缘到第一个嵌套对象之间 的距离。默认值：0 从容器的顶部边缘到第一个嵌套对象之间 的距离。默认值：0 从容器的底部边缘到第一个嵌套对象之间 的距离。默认值：0
Flex3介绍文稿
wanggq@netsdar.com
LOGO
总览
Flex3基础篇
ActionScript 3.0语法篇
MXML组件篇 处理数据篇
实例篇
Flex3基础篇—技术特点
e-mail：wanggq@netsdar.com
了解Flex应用程序 产品线包含以下部分
Flex3 Software Developers Kit (SDK) Flex Builder 3
逗号运算符
条件运算符
,
?:
表达式1,表达式2
表达式 条件运算符 值1,值2
ActionScript 3.0语法篇
e-mail：wanggq@netsdar.com
运算符和表达式
名称
算术运算符 关系运算符 逻辑运算符 赋值运算符
种类
+、-、*、/、%、++、->、<、>=、<=、==、！= &&、||、! 简单赋值：= 复合算术赋值：+=、-=、*=、 /=、%=
组件实例化 使用MXML实例化组件
示例代码
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Label id="myLabel" text="Hello World!"> </mx:Application>
使用ActionScript实例化组件
类型
Boolean int
有效位数
1 32位 true和false
描述
默认值
0:false 0
表示带符号的整数。
Number
uint String
52位
32位 16位
可以表示整数、无符号整数和浮点数。
表示不带符号的整数。(非负整数) 表示一个16位字符的序列。 0 null
ActionScript 3.0语法篇
示例代码
import mx.controls.Label; var myLabel:Label = new Label(); myLabel.text = "Hello World!"; this.addChild(myLabel);
MXML组件篇
e-mail：wanggq@netsdar.com
MXML组件篇
e-mail：wanggq@netsdar.com
层叠样式(CSS)介绍 Flex声明样式的方法如下：
行内样式：在对象的MXML 声明中声明为属性。 内样式表：在MXML 文件中的<mx:Style>标记组中声明样式。 外部样式：创建为使用.css 文件扩展名的文本文件。 编译样式表：将样式创建为.swf 文件并且可以在应用程序运行时加载它。
获取帮助 探索帮助内容 搜索帮助术语 Flex Builder 界面中搜索 Help Contents 窗口中搜索 使用动态帮助 在Eclipse编辑器中显示动态帮助 在独立的窗口中显示动态帮助（Shift+F2）
Flex3基础篇—熟悉开发环境
e-mail：wanggq@netsdar.com
Number Number Number Number Array Array
显示的滑块数量。可能的值是1和2。默认值： 1
Slider的最小值。默认值：0 Slider的最大值。默认值：10 用于计算刻度间隔的数值。默认值：0 强制滑块对齐到某一刻度。默认值：0 该属性决定在滑块上显示刻度线。取值范围是 minmum和maxmum之间 用作标签的字符串数组。
MXML组件篇
e-mail：wanggq@netsdar.com
Box容器样式表
属性 可接受的值/数据类型 描述
verticalAlign horizontalAl ign verticalGap horizontalAl ign paddingLeft paddingRigh t paddingTop paddingBott om
表达式格式
标达式 算术运算符 表达式 关系运算符 表达式 表达式 逻辑运算符 表达式 标识符 赋值运算符 表达式
逗号运算符
条件运算符
,
?:
表达式1,表达式2
表达式 条件运算符 值1,值2
总览
Flex3基础篇
ActionScript 3.0语法篇
MXML组件篇 处理数据篇
实例篇
MXML组件篇
e-mail：wanggq@netsdar.com
HSlider控件的属性(DemoSlider)
属性 数据类型 描述
value
Number
基于滑块的位置Slider控件当前所选中的值。 默认值：0
thumbCount
minimum maximum tickInterval snapInterval tickValues labels
Number
MXML组件篇
e-mail：wanggq@netsdar.com
布局容器介绍 布局容器是含有其他可视化组件的矩形区域。包含以下几种：
VBox：是一个矩形区域，使用该容器能够以单列的方式从上至下列出该容器中 嵌套的子对象。 HBox：是一个矩形区域，使用该容器能够以单列行方式从左至右列出该容器中 嵌套的子对象。 Canvas：是一个矩形区域，使用该容器可能将该容器中嵌套的子对象设置在相 对于顶部/左侧锚点或基于约束的锚点的特定位置。 Panel：使用该容器可以创建一个类似于对话框的矩形区域。
Flex Builder 用户界面 MXML 编辑器 ActionScript 编辑器 Flex Builder 视图 Flex Navigator 视图 Outline 视图 Problems 视图 Design 视图 调试视图
Flex3基础篇—熟悉开发环境
e-mail：wanggq@netsdar.com
注：可以将MXML描述为ActionScript3 的一种“方便语言”，用它编写应用 程序比完全用ActionScript3 编码更加简单和快速。
Flex3基础篇—编译和发布
e-mail：wanggq@netsdar.com
Flex3基础篇—熟悉开发环境
e-mail：wanggq@netsdar.com
总览
Flex3基础篇
ActionScript 3.0语法篇
MXML组件篇 处理数据篇
实例篇
ActionScript 3.0语法篇
e-mail：wanggq@netsdar.com
数据类型 基本数据类型包括：Boolean、int、Number、String、uint。 ActionScript 核心类还定义下列复杂数据类型：Object、Array、 Date、Error、Function、RegExp、XML 和 XMLList。 基本数据类型
运算符和表达式
名称
算术运算符 关系运算符 逻辑运算符 赋值运算符
种类
+、-、*、/、%、++、->、<、>=、<=、==、！= &&、||、! 简单赋值：= 复合算术赋值：+=、-=、*=、 /=、%=
表达式格式
标达式 算术运算符 表达式 关系运算符 表达式 表达式 逻辑运算符 表达式 标识符 赋值运算符 表达式
搜索代码 使用 Eclipse 搜索工具 使用Find/Replace 使用Find in Files 使用 Flex Builder 代码模型搜索工具 搜索对象引用 搜索对象声明 重构代码
Flex3基础篇
e-mail：wanggq@netsdar.com
小结 主要介绍了Flex Builder 3 的一些性质和行为： 了解Flex 的产品包含SDK 和 Flex Builder。 Flex 语言包含：MXML 和 ActionScript3。 Flex 应用程的编译和发布。 获取帮助方式介绍。 搜索代码方式介绍。 Flex Builder 3 所包含视图的介绍。
注：SDK是免费的，Flex Builder只能通过Adobe Systems购买许可才能获 取。
Flex3 包含两种编程语言
ActionScript3
包含面向对象的语言的大部分元素：类定义语法、类包结构化、 变量的强数据类型以及类继承。
MXML
纯粹是一种基于XML的标记语言，用于定义Flex应用程序及基大 量组件。MXML中的大部分元素都对应着ActionScript3类。
组件分类 可视化控件
容器是指可以含有其他对象的可视化组件。 控件是指显示信息或提供应用程序用户交互功能的可视化组件。 示例代码
<mx:Canvas> <mx:VBox> <mx:Label text="This is Label 1"/> </mx:VBox> </mx:Canvas>
非可视组件
示例代码
<mx:WebService id="myService" wsdl="http://www.bardotech.com/services/Myservice?wsdl"/>
MXML组件篇
e-mail：wanggq@netsdar.com
常用控件： 文本控件
• 文本显示控件：Label和Text • 文本输入控件：TextInput、TextArea 和 RichTextEdit
可以显示一个交互式日历，该日历中会显示年份和月份，操作如下：
一次向前或向后浏览一个月。 通过鼠标操作选择单个日期、多个日期或某个日期范围。
属性 数据类型 描述
selectedDate
Date
当前选中的日期
showToday
minYear maxYear disabledDays dayNames allowMultipleS election
allowDisjointS election
Boolea n
决定是否可以选中不连续的日期。默认值：true
MXML组件篇
e-mail：wanggq@netsdar.com
交互式控件
ScrollBar控件：VScrollBar 和 HScrollBar Slider控件：VSlider 和 HSlider
获取或设置一个布尔值，指示当按钮处于弹 起状态时，Button 组件周围是否绘有边框 。 按扭上显示的文本。 按扭上显示的图标。如： [@Embed(source=“icon.jpg”)]
label icon
MXML组件篇
e-mail：wanggq@netsdar.com
日期控件：DateChooser 和 DateField DateChooser控件的属性(DemoDate)
Label文本控件属性(DemoText)
属性 数据类型 描述
condenseW hite Text truncateToF it selectable htmlText
Boolea n String Boolea n Boolea n String
表时是否从文本中删除空白区域(空白字符、 制表符和换行符)。 RichTextEdit不支持 该属性 不含有HTML标记的文本 该属性决定是否截去文本 该属性控制文本是否可以被选中 含有HTML标记的文本
wk.baidu.com
Boolea n
Int Int Array Array Boolea n
决定是否突出显示当前日期。默认值：true
允许是最小年份。默认值：1900 允许是最大年份。默认值：2100 由不能被选中的基于0的索引天数指明的整数数组 。默认值：[] 一组用作日期名称标签的字符串值。默认值：[S ，M，T，W，T，F，S] 决定是否可以选中多个日期。默认值：false
MXML组件篇
e-mail：wanggq@netsdar.com
按钮控件
• • • • Button 控件 LinkButton 控件 CheckBox 控件 RadioButton 控
Button水平标尺控件的属性(DemoButton)
属性 数据类型 描述
emphasized
Boolea n String
top,middle,bott om left,center,righ t Number Number Number Number Number Number
将容器中所有对象都垂直对齐。默认值： top 将容器中所有对象都水平对齐。默认值： left 对象之间的垂直距离。默认值：6 对象之间的水平距离。默认值：6 从容器的左侧边缘到第一个嵌套对象之间 的距离。默认值：0 从容器的右侧边缘到第一个嵌套对象之间 的距离。默认值：0 从容器的顶部边缘到第一个嵌套对象之间 的距离。默认值：0 从容器的底部边缘到第一个嵌套对象之间 的距离。默认值：0
Flex3介绍文稿
wanggq@netsdar.com
LOGO
总览
Flex3基础篇
ActionScript 3.0语法篇
MXML组件篇 处理数据篇
实例篇
Flex3基础篇—技术特点
e-mail：wanggq@netsdar.com
了解Flex应用程序 产品线包含以下部分
Flex3 Software Developers Kit (SDK) Flex Builder 3
逗号运算符
条件运算符
,
?:
表达式1,表达式2
表达式 条件运算符 值1,值2
ActionScript 3.0语法篇
e-mail：wanggq@netsdar.com
运算符和表达式
名称
算术运算符 关系运算符 逻辑运算符 赋值运算符
种类
+、-、*、/、%、++、->、<、>=、<=、==、！= &&、||、! 简单赋值：= 复合算术赋值：+=、-=、*=、 /=、%=
组件实例化 使用MXML实例化组件
示例代码
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Label id="myLabel" text="Hello World!"> </mx:Application>
使用ActionScript实例化组件
类型
Boolean int
有效位数
1 32位 true和false
描述
默认值
0:false 0
表示带符号的整数。
Number
uint String
52位
32位 16位
可以表示整数、无符号整数和浮点数。
表示不带符号的整数。(非负整数) 表示一个16位字符的序列。 0 null
ActionScript 3.0语法篇
示例代码
import mx.controls.Label; var myLabel:Label = new Label(); myLabel.text = "Hello World!"; this.addChild(myLabel);
MXML组件篇
e-mail：wanggq@netsdar.com
MXML组件篇
e-mail：wanggq@netsdar.com
层叠样式(CSS)介绍 Flex声明样式的方法如下：
行内样式：在对象的MXML 声明中声明为属性。 内样式表：在MXML 文件中的<mx:Style>标记组中声明样式。 外部样式：创建为使用.css 文件扩展名的文本文件。 编译样式表：将样式创建为.swf 文件并且可以在应用程序运行时加载它。
获取帮助 探索帮助内容 搜索帮助术语 Flex Builder 界面中搜索 Help Contents 窗口中搜索 使用动态帮助 在Eclipse编辑器中显示动态帮助 在独立的窗口中显示动态帮助（Shift+F2）
Flex3基础篇—熟悉开发环境
e-mail：wanggq@netsdar.com
Number Number Number Number Array Array
显示的滑块数量。可能的值是1和2。默认值： 1
Slider的最小值。默认值：0 Slider的最大值。默认值：10 用于计算刻度间隔的数值。默认值：0 强制滑块对齐到某一刻度。默认值：0 该属性决定在滑块上显示刻度线。取值范围是 minmum和maxmum之间 用作标签的字符串数组。
MXML组件篇
e-mail：wanggq@netsdar.com
Box容器样式表
属性 可接受的值/数据类型 描述
verticalAlign horizontalAl ign verticalGap horizontalAl ign paddingLeft paddingRigh t paddingTop paddingBott om
表达式格式
标达式 算术运算符 表达式 关系运算符 表达式 表达式 逻辑运算符 表达式 标识符 赋值运算符 表达式
逗号运算符
条件运算符
,
?:
表达式1,表达式2
表达式 条件运算符 值1,值2
总览
Flex3基础篇
ActionScript 3.0语法篇
MXML组件篇 处理数据篇
实例篇
MXML组件篇
e-mail：wanggq@netsdar.com
HSlider控件的属性(DemoSlider)
属性 数据类型 描述
value
Number
基于滑块的位置Slider控件当前所选中的值。 默认值：0
thumbCount
minimum maximum tickInterval snapInterval tickValues labels
Number
MXML组件篇
e-mail：wanggq@netsdar.com
布局容器介绍 布局容器是含有其他可视化组件的矩形区域。包含以下几种：
VBox：是一个矩形区域，使用该容器能够以单列的方式从上至下列出该容器中 嵌套的子对象。 HBox：是一个矩形区域，使用该容器能够以单列行方式从左至右列出该容器中 嵌套的子对象。 Canvas：是一个矩形区域，使用该容器可能将该容器中嵌套的子对象设置在相 对于顶部/左侧锚点或基于约束的锚点的特定位置。 Panel：使用该容器可以创建一个类似于对话框的矩形区域。
Flex Builder 用户界面 MXML 编辑器 ActionScript 编辑器 Flex Builder 视图 Flex Navigator 视图 Outline 视图 Problems 视图 Design 视图 调试视图
Flex3基础篇—熟悉开发环境
e-mail：wanggq@netsdar.com
注：可以将MXML描述为ActionScript3 的一种“方便语言”，用它编写应用 程序比完全用ActionScript3 编码更加简单和快速。
Flex3基础篇—编译和发布
e-mail：wanggq@netsdar.com
Flex3基础篇—熟悉开发环境
e-mail：wanggq@netsdar.com
总览
Flex3基础篇
ActionScript 3.0语法篇
MXML组件篇 处理数据篇
实例篇
ActionScript 3.0语法篇
e-mail：wanggq@netsdar.com
数据类型 基本数据类型包括：Boolean、int、Number、String、uint。 ActionScript 核心类还定义下列复杂数据类型：Object、Array、 Date、Error、Function、RegExp、XML 和 XMLList。 基本数据类型