Flex从入门到精通PDF电子书下载

第1篇 Flex3.0基础篇 3

第1章 Flex概述 3

1.1 RIA概述 4

1.2 Flex概观 4

1.2.1 Flex应用技术 4

1.2.2 Flex组成元素 6

1.2.3 Flex技术与传统网页技术的对比 7

1.2.4 Flex的工作原理 8

第2章 FlexBuilder介绍 11

2.1配置Flex Builder开发环境 12

2.1.1下载并安装Flex Builder 3 12

2.1.2运行Flex Builder 3 14

2.2 Flex Builder简介 14

2.3 Flex Builder模式（perspective） 15

2.3.1 Flex Builder开发模式中的代码视图 15

2.3.2 Flex Builder中的代码提示帮助 16

2.3.3 Flex Builder开发模式中的设计视图 17

2.3.4 Flex Builder调试（Debug）模式 18

2.3.5编译应用程序 20

2.3.6运行和调试应用程序 21

2.3.7其他信息 21

2.4学习使用文本编辑器（Editor） 21

2.5学习建立第一个应用程序“Hello World！” 22

2.5.1建立第一个应用程序“Hello World ！” 22

2.5.2 Flex Builder的生成文件 26

第2篇 Flex编程基础 29

第3章 MXML编程 29

3.1 MXML概述 30

3.1.1使用MXML的好处 30

3.1.2一个简单的MXML应用程序 30

3.2 MXML标签和ActionScript类之间的相互关系 31

3.3 MXML基本语法 31

3.3.1 MXML文件名 31

3.3.2设置组件的属性 31

3.3.3使用常数来设置组件的属性值 32

3.3.4使用斜线“”来定义字符串属性值 32

3.3.5设定样式属性 33

3.3.6 定义URL值 33

3.3.7使用编译标签 33

3.3.8 MXML标签规则 34

3.4 MXML与其他相关的标准 34

第4章 ActionScript编程 37

4.1 ActionScript 3.0概观 38

4.2 ActionScript语言特点 38

4.2.1字母（Literals ） 38

4.2.2分号（；） 39

4.2.3括号（0） 39

4.2.4注解（Comments） 39

4.2.5关键词和保留词（reserved words） 39

4.2.6大小写敏感 40

4.2.7点（.） 40

4.3变量 41

4.3.1了解变量作用范围 41

4.3.2变量默认值 42

4.3.3常量（Constants） 42

4.3.4数组 43

4.4数据类型 43

4.4.1类型检查 43

4.4.2 is操作符 44

4.4.3 as操作符 4

4.4.4类型转换 4

4.5语法：操作符（Operators） 45

4.5.1操作符的优先权（precedence）和关联（associativity） 46

4.5.2原始操作符 47

4.5.3后缀操作符 47

4.5.4一元操作符 47

4.5.5乘法操作符 48

4.5.6加法操作符 48

4.5.7位移操作符 48

4.5.8关系操作符 49

4.5.9等式操作符 49

4.5.10位操作符 49

4.5.11逻辑操作符 50

4.5.12条件操作符 50

4.5.13赋值操作符 50

4.6 ActionScript语句 51

4.6.1条件语句（Conditionals） 51

4.6.2循环语句（Looping） 53

4.7函数（Functions） 55

4.7.1引用函数 55

4.7.2函数声明 55

4.7.3函数文字 55

4.7.4函数返回值 56

4.7.5嵌套的函数 56

4.7.6函数的参数 57

4.8对象和类 57

4.9包和命名空间 58

4.9.1文件包 58

4.9.2建立文件包 59

4.9.3输入文件包 59

4.9.4命名空间 59

4.10如何在Flex中应用ActionScript 60

4.10.1在MXML文件中使用ActionScript代码 60

4.10.2包含（inculding）ActionScript代码和输入（importing）ActionScript代码 61

4.10.3在ActionScript代码中引用Flex组件 61

4.11创建ActionScript组件 62

第5章 Flex组件（Components） 63

5.1组件简介 64

5.1.1组件的特点 64

5.1.2组件的类继承 64

5.1.3在MXML和ActionScript中使用组件 65

5.2组件的大小（Sizing Components） 65

5.2.1定义组件大小的方式 65

5.2.2如何使用组件默认值 66

5.2.3设置组件绝对值大小 66

5.2.4设置组件相对值大小 67

5.2.5使用约束布局定义组件大小 67

5.3组件的定位(Positioning Components） 68

5.3.1使用自动定位 68

5.3.2使用绝对值定位 69

5.3.3使用约束布局定位 70

第6章 Flex控件（Controls） 71

6.1控件简介（Controls） 72

6.1.1直接控件拖放 72

6.1.2书写代码 72

6.1.3实例演示 73

6.1.4控件的分类 76

6.1.5定义控件大小（Sizing Controls） 77

6.1.6控件定位（Positioning Controls） 79

6.2按钮控件（Button Control） 79

6.2.1基本按钮控件概述 80

6.2.2建立一个按钮控件示例 80

6.2.3改变按钮外观 82

6.3弹出按钮控件（PopUpButton Control） 83

6.3.1弹出按钮控件概述 84

6.3.2建立一个弹出按钮控件示例 84

6.4按钮条和开关按钮条控件（ButtonBar and ToggleBuaronBar Controls） 86

6.4.1按钮条和开关按钮条控件概述 87

6.4.2建立一个按钮条控件示例 87

6.4.3建立一个开关按钮条控件示例 89

6.5复选框控件（CheckBox Control） 90

6.5.1复选框控件概述 90

6.5.2建立一个复选框控件示例 91

6.6单选按钮控件（RadioButtonControl） 93

6.6.1单选按钮控件概述 93

6.6.2建立一个单选按钮控件示例 93

6.7链接按钮控件（LinkButton Control） 95

6.7.1链接按钮控样概述 95

6.7.2建立一个链接按钮控件 95

6.8链接条控件（LinkBar Control） 97

6.8.1链接条控件概述 97

6.8.2建立一个链接条控件示例 97

6.9标签条控件（TabBar Control） 99

6.9.1标签条控件概述 99

6.9.2建立一个标签条控件 100

6.10进度条控件（ProgressBar Control） 101

6.10.1进度条控件概述 101

6.10.2进度条控件模式 101

6.10.3建立一个进度条控件 102

6.11滚动条控件（ScrollBar Control） 103

6.11.1滚动条控件概述 104

6.11.2建立一个垂直滚动条控件示例 104

6.12水平滑杆和垂直滑杆控件（HSlider and VSlider Control） 106

6.12.1水平滑杆和垂直滑杆控件概述 106

6.12.2建立一个水平滑杆示例 107

6.13水平尺和垂直尺控件（HRule and VRule Control） 108

6.13.1水平尺和垂直尺控件概述 108

6.13.2建立一个水平尺和垂直尺控件示例 109

6.14标签控件（Label Control） 110

6.14.1标签控件概述 110

6.14.2建立一个标签控件示例 111

6.15文本条控件（TextInput Control） 111

6.15.1文本条控件概述 111

6.15.2建立一个文本条控件示例 112

6.16文本控件（Text Control） 113

6.16.1文本控件概述 113

6.16.2建立一个文本控件示例 113

6.17文本区域控件（TextArea Control） 114

6.17.1文本区域控件概述 115

6.17.2建立一个文本区域控件示例 115

6.18富文本编辑器控件（RichTextEditor Control） 116

6.18.1富文本编辑器控件概述 116

6.18.2建立一个富文本编辑器控件示例 117

6.19菜单控件（Menu Control） 118

6.19.1菜单控件概述 118

6.19.2建立一个菜单控件示例 119

6.20菜单条控件（MenuBar Control） 121

6.20.1菜单条控件概述 121

6.20.2建立一个菜单条控件示例 122

6.21弹出菜单按钮控件（PopUpMenuButton Control） 123

6.21.1弹出菜单按钮控件概述 123

6.21.2建立一个弹出菜单按钮控件示例 123

6.22列表控件（List Control） 125

6.22.1列表控件概述 125

6.22.2建立一个列表控件示例 126

6.23水平列表控件（HorizontalList Control） 129

6.23.1水平列表控件概述 129

6.23.2建立一个水平列表控件示例 129

6.24排列列表控件（TileList Control） 131

6.24.1排列列表控件概述 131

6.24.2建立一个排列列表控件示例 132

6.25下拉列表控件（ComboBox Control） 134

6.25.1下拉列表控件概述 135

6.25.2建立一个下拉列控件示例 135

6.26数据表格控件（DataGrid Control） 137

6.26.1数据表格控件概述 137

6.26.2建立一个数据表格表控件示例 138

6.27树结构控件（Tree Control） 140

6.27.1树结构控件概述 140

6.27.2建立一个树结构控件示例 141

6.28计数器控件（NumbericStepper Control） 142

6.28.1计数器控件概述 143

6.28.2建立一个计数器控件示例 143

6.29日期选择器和日期条控件（DateChooser and DateField Controls） 144

6.29.1日期选择器控件概述 144

6.29.2建立一个日期选择器控件示例 145

6.29.3日期条控件概述 146

6.29.4建立一个日期条控件示例 147

6.30图像控件（Image Control） 148

6.30.1图像控件概述 148

6.30.2建立一个图像控件示例 148

6.31 SWF加载器控件（SWFLoader Control） 149

6.31.1 SWF加载器控件概述 149

6.31.2建立一个SWF加载器控件示例 150

6.32音像控件（VideoDisplay Control） 151

6.32.1音像控件概述 151

6.32.2建立一个音像显示控件示例 151

6.33选色器控件（ColorPicker Control） 152

6.33.1选色器控件概述 152

6.33.2建立一个默认的选色器控件示例 153

6.33.3建立一个用户自定义的选色器控件示例 154

6.34警告控件（Alert Control） 156

6.34.1警告控件概述 156

6.34.2建立一个警告控件示例 157

第3篇 Flex设计篇 161

第7章 基础知识：容器（Container） 161

7.1什么是容器 162

7.1.1容器简介 162

7.1.2 Flex容器的定位方式 162

7.1.3 Flex的分类 162

7.2应用容器（Application Container） 163

7.2.1应用容器简介 163

7.2.2应用对象简介 164

7.3布局容器（Layout Container） 165

7.3.1画布布局容器（Canvas Layout Container） 165

7.3.2盒子、水平盒子、垂直盒子布局容器（Box、 Hbox and VBox Layout Container） 167

7.3.3控制条布局容器（ControlBar Layout Container） 169

7.3.4应用控制条布局容器（ApplicationControlBar Layout Container） 170

7.3.5分离盒、水平分离盒、垂直分离盒容器（Divided Box， HdividedBox and VDividedBox） 172

7.3.6表单、表单头、单元格布局容器（Form， FormHeading and FonnItem Layout Container） 174

7.3.7格栅布局容器（Grid Layout Container） 180

7.3.8面板布局容器（Panel Layout Container） 183

7.3.9排列模板布局容器（Tile Layout Container） 184

7.3.10标题窗口布局容器（TitleWindow Layout Container） 186

7.4导航容器（Navigator Container） 188

7.4.1视窗堆栈导航容器（ViewStack Navigator Container） 188

7.4.2列表导航容器（TabNavigator Container） 191

7.4.3折叠导航容器（Accordion navigator Container） 193

第8章 约束版面布局（Constraint-based Layout） 197

8.1约束版面布局（Constraint-based Layout）概观 198

8.2插入和定位组件 198

8.3定义约束定位的布局 200

第9章 行为控制（Behavior） 203

9.1行为控制 204

9.1.1行为控制效果 204

9.1.2工厂类和实体类（Factory and Instance Classes） 205

9.1.3 Flex支持的效果 206

9.1.4 Flex的触发器（triggers ） 211

9.2使用行为控制 212

9.2.1在MXML中使用数据绑定来实现行为控制 213

9.2.2在MXML中使用样式来实现行为控制 213

9.2.3使用setStyle（）和getStyle（）函数在MXML中定义的行为效果 213

9.3在ActionScript中实现行为控制 214

9.3.1倒序显示控件的行为效果 216

9.3.2终止／暂停行为效果 216

9.3.3建立一个可以重复使用的行为效果 217

9.3.4在ActionScript使用样式应用行为效果 218

9.3.5使用Effect.target和Effect.targets属性应用行为效果 222

9.4行为效果技巧 224

9.4.1设定行为效果存在的时间 224

9.4.2使用嵌入的字体显示行为效果 225

9.4.3使用组合行为效果 226

9.4.4使用动画属性（AnimateProperty ）行为效果 228

9.4.5重复（Repeating）行为效果 229

9.4.6延迟（Delaying）行为效果的发生 230

9.4.7使用遮罩（Mask）行为效果 231

第10章 样式（Style）和主题（Theme） 233

10.1样式概观 234

10.1.1 Flex使用样式的方法 234

10.1.2样式的继承特性 234

10.2 MXML使用样式表单 234

10.2.1使用外部的样式表单文件 235

10.2.2使用本地的样式定义 236

10.2.3使用组件标签内部属性样式 239

10.3在ActionScript中使用样式表单 240

10.3.1使用StyleManager类 240

10.3.2使用CSSStyleDeclaration类 241

10.3.3使用getStyle（）和setStyle（）方法 242

10.3.4在运行时使用样式表单 244

10.4样式值的格式 245

10.4.1长度（Length）格式 245

10.4.2时间（Time）格式 248

10.4.3颜色（Color）格式 248

10.4.4使用数组定义样式属性 249

10.5使用Cascading Style Sheets （CSS ）样式表单文件 252

10.5.1 CSS概述 252

10.5.2属性和选择器（selector）名称 252

10.5.3 CSS中的继承 253

10.5.4 Flex中的CSS 253

10.5.5类选择器（Class selector） 253

10.5.6类型选择器（Type selector） 254

10.5.7使用混合的选择器 256

10.5.8选择器的优先权 257

10.5.9所支持的CSS属性 259

10.5.10在样式中嵌入数据源 260

10.6样式的继承 261

10.6.1样式继承顺序 261

10.6.2继承异议（exceptions） 264

10.6.3支持的样式 264

10.6.4主题色彩属性 265

10.7主题概观 265

10.7.1使用主题 266

10.7.2 Flex包含的主题文件 266

10.7.3利用格式化文件编译主题SWC件 267

第11章 皮肤（Skin） 269

11.1皮肤的构成 270

11.2建立图形皮肤 271

11.2.1使用setStyle（）方法 271

11.2.2使用CSS表单 272

11.2.3使用标签内部定义方法 273

11.3建立程序皮肤 274

11.4建立状态皮肤 275

11.5子组件的皮肤 277

第12章 条目渲染器（Item Renderer） 279

12.1条目渲染器概观 280

12.1.1默认的条目渲染器 280

12.1.2用户自定义的条目渲染器 280

12.1.3条目渲染器的应用布局 281

12.2建立用户自定义条目渲染器 281

12.2.1建立标签内部（drop-in）条目渲染器和选项编辑器 281

12.2.2建立程序内部的条目渲染器和选项编辑器 285

12.2.3使用Flex组件文件作为条目渲染器和选项编辑器 289

12.2.4使用ActionScript类文件作为条目渲染器 292

第13章 工具条提示（ToolTips ） 297

13.1工具条提示概观 298

13.2建立工具条提示 298

13.2.1使用ToolTip属性建立提示 298

13.2.2子容器工具条提示显示原则 298

13.2.3提示信息的换行显示 300

13.2.4设定工具条提示的样式 301

13.2.5设定工具条提示的宽度 302

13.2.6使用工具条提示事件 303

13.3使用工具条提示管理（ToolTip Manager） 304

13.3.1激活和禁用工具条提示 304

13.3.2延迟工具条提示时间 305

13.3.3在工具条提示上使用行为效果 307

13.3.4建立动态的工具条提示 308

13.3.5建立用户自定义工具条提示 308

13.4使用错误信息的工具条提示 310

13.5重写工具条提示的皮肤 312

第14章 光标管理器（Cursor Manager） 315

14.1使用CursorManager光标管理器 316

14.2使用忙碌光标 318

14.2.1设定忙碌光标 318

14.2.2使用忙碌光标属性 320

14.2.3使用手形光标 320

第15章 Flex应用程序本地化（Localizing） 321

15.1本地化概观 322

15.1.1资源包（Resource Bundle）和属性文件（Properties File） 322

15.1.2本地化工作流程 322

15.2建立本地化应用程序 323

第16章 动态重复控件和容器（Repeating） 327

16.1动态重复控件和容器（Repeating）简介 328

16.2建立重复控件 328

16.2.1建立基本静态的重复控件 329

16.2.2建立动态循环的重复控件 332

16.3引用重复控件 333

16.3.1引用重复的子类控件 335

16.3.2引用嵌套的重复控件 335

16.3.3重复控件的事件处理 336

16.4使用用户自定义MXML重复控件 337

16.5使用重复控件的注意事项 339

第17章 视窗状态（View States） 341

17.1视窗状态概观 342

17.1.1简单的登录表格示例 342

17.1.2使用视窗状态控制布局 344

17.1.3对比视窗状态和导航 346

17.2建立和使用视窗状态 346

17.2.1使用Flex Builder中建立新的视窗状态 346

17.2.2在Action Script代码中建立新的视窗状态 349

17.3定义新的视窗状态 352

17.3.1重写组件属性 352

17.3.2重写组件样式 353

17.3.3增加和减少组件 354

17.3.4在事件处理中设定重写 356

第18章 过渡（Transition） 359

18.1在登录表格上使用过渡 360

18.2定义过渡 362

18.2.1定义多个过渡 364

18.2.2定义效果目标 365

18.2.3定义效果起始和终止值 365

18.3在过渡中使用行为效果 365

18.4过滤过渡（Filtering T） 368

18.5使用过渡效果的提示 370

第19章 拖放行为（Drag and Dorp） 371

19.1拖放行为概观 372

19.2在列表类控件上使用拖放行为 372

19.2.1实现基本的列表类控件拖放行为 372

19.2.2两个方向的拖放行为 374

19.2.3在同一个控件上的拖放行为 376

19.2.4列表类控件的拖动放置属性 378

19.3人为添加拖放行为 378

19.3.1用来定义拖放操作的类 379

19.3.2手工拖放实现原理 380

19.3.3手工拖放操作示例 380

19.4拖放行为示例 383

19.4.1使用容器作为放置目标示例 384

19.4.2设定拖动代理 385

19.4.3对放置目标的dragOver和dragExit事件进行管理 387

19.5移动和复制数据 391

19.5.1移动和复制 391

19.5.2在列表控件和数据列表控件之间移动或复制数据 391

19.5.3在非列表类控件之间移动或复制数据 394

第20章 嵌入外部资源（Embedding Assets） 399

20.1嵌入外部资源概观 400

20.2嵌入参数 401

20.3嵌入资源类型 402

第4篇 Flex数据篇 407

第21章 Flex与外部通信 407

21.1获得环境信息 408

21.2传递数据到Flex应用程序 410

21.3从Flex应用程序接触外部JavaScript函数 412

21.3.1使用ExternalInterface API获得JavaScript 412

21.3.2使用navigateToURL（）方法获得JavaScript 415

21.4从JavaScript应用程序获得Flex 416

第22章 共享对象（Shared Objects） 419

22.1共享对象概观 420

22.2使用共享对象 420

22.2.1在共享对象中增加数据和删除共享对象 421

22.2.2使用共享对象的示例 421

第23章 数据获取和联系（Data Access and Interconnectivity） 427

23.1从Flex中获得服务器的数据 428

23.1.1使用HTTPService组件 428

23.1.2使用WebService组件 430

23.1.3使用RemotcObject组件 432

23.2表达数据（Representing Data） 437

23.3数据绑定（Data Binding） 438

23.3.1数据绑定的3种方法 439

23.3.2使用“｛｝”绑定数据到数据模型（Data Models） 440

23.3.3绑定一个数据源到多个目标属性 441

23.3.4绑定多个数据源到一个目标属性的示例 442

23.3.5定义双向的绑定示例 442

23.3.6使用Bindable元数据标签 443

23.4数据存储（Data Storing） 444

23.4.1定义一个数据模型 444

23.4.2在数据模型中使用数据确证 445

23.4.3绑定数据到XML数据模型 447

23.5数据确证（Data Validating） 447

23.5.1事件触发确证行为示例 448

23.5.2程序触发确证行为示例 449

23.5.3激活和失活validator 450

23.5.4确证必须的输入项 451

23.5.5使用数据绑定来定义validator 452

23.6数据格式化（Data Formatting） 453

23.6.1使用数据格式化 453

23.6.2使用CurrencyFormatter类示例 453

23.6.3使用NumberFormatter类示例 454

23.6.4使用PhoneFormatter类示例 455

23.6.5使用ZipCodeFormatter类示例 456

23.6.6使用DateFormatter类示例 457

第24章 图表组件（Charting Components） 461

24.1图表组件概览 462

24.1.1使用图表组件 462

24.1.2序列类、坐标轴类和图表事件 463

24.2图表组件概览 463

24.2.1面积图表（Area Chart）示例 463

24.2.2条形图表（Bar Chart）示例 466

24.2.3气泡图表（Bubble Chart）示例 468

24.2.4蜡烛图表（Candlestick Chart）示例 473

24.2.5圆柱图表（Column Chart）示例 475

24.2.6 HighLowOpenClose图表（HighLowOpenCloseChart）示例 477

24.2.7折线图表（Line Chart）示例 478

24.2.8圆饼图表（Pie Chart）示例 480

24.2.9散点图表（Plot Chart）示例 481

24.2.10使用多个数据序列示例 483

第5篇 Flex综合实例篇 487

第25章 查询天气系统——基于Cairngorm框架 487

25.1 Cairngorm框架概览 488

25.2查询天气系统分析 489

25.2.1整体结构 489

25.2.2数据来源 489

25.2.3建立项目 490

25.3值对象 491

25.3.1查询信息值对象QueryItemVO.as 491

25.3.2城市信息值对象CityInfoVO.as 492

25.4视图代码 493

25.4.1查询信息视图QueryPanel.mxml 493

25.4.2城市信息视图CityInfoPanel.mxml 495

25.4.3天气预报数据格栅视图WeatherResultPanel.mxml 496

25.4.4温度折线图表视图WeatherResultChart.mxml 499

25.5模型定位器代码 502

25.5.1模型定位器ModelLocator.as 502

25.5.2模型变量类GetWeather.as 503

25.6事件程序GetWeatherByCityEvent.as 504

25.7控制器程序GetWeatherBy CityControl.as 504

25.8命令程序GetWeatherByCityCommand.as 505

25.9服务层代码 507

25.9.1服务程序Services.mxml 507

25.9.2服务委托程序ServicesDelegate.as 508

25.10主程序WeatherForeCastExample.mxml 509

25.11运行和测试 512