目 录（图书目录已编入PDF“书签”栏）

第一章 Flash Builder 4 背景

1.1 从Flex Builder到Flash Builder

第二章 Flash Builder 4 界面
2.1 主界面
2.2 主菜单
2.3 工具条
2.4 主要窗口

第三章 Flash Builder 4 新特性
3.1 Package explorer
3.2 悬停时的ASDOC提示
3.3 Getter & Setter
3.4 自动生成EventHandler
3.5 条件断点

第四章 Flex SDK 4 新特性
4.1 主题
4.2 布局
4.3 特效
4.4 样式
4.5 状态
4.6 双向绑定
4.7 ASDoc
4.8 SWFObject 与 HTML Template

第五章 自定义组件开发

5.1 自定义Flex组件
5.2 MXML组件开发
5.3 ActionScript组件开发

第六章 与服务端通信

6.1 通过Http Service与服务端通信
6.2 通过Web Service与服务端通信
6.3 通过Remoting与服务端通信
6.4 与Flash Media Server交互

《Flash Builder 4 快速入门》内容简介

在Adobe发布Flash Builder 4后，艾睿论坛 （bbs.airia.cn）编辑团队协作完成了这部教学。 《Flash Builder 4 快速入门》6月25日正式发布第一个版本，今后还会根据读者需要进行更新。

本书适合谁读？

《Flash Builder 4 快速入门》除了适合想学习FLEX开发和正在学习FLEX开发的朋友，也广泛适用与FLASH、 Actionscript开发者进行转型和深入学习。包括.NET、JAVA开发人员在内，这本书都将为你日后的含RIA开发工作奠定牢固的知识基础。

章节简介：

本书1-2章主要为新接触FLEX开发的朋友提供入门帮助，以图文并茂的方式从零基础开始指引新手走进 FLEX开发，如果是有一定基础的FLEX开发者，这两章可以简单翻阅。3-5章开始进阶学习， 介绍FB4 / FLEX SDK 4 新特性与开发实 例，适合绝大多数的FLEX开发者阅读。 第6章为通信服务方面的必备知识，这一章以实际案例的方式展示了FLEX与服务端通信的4种方式。

电子书中大部分章节，作者还做出了“提示”“！总结” “！思考”的高亮片段，以此帮助读者更好的学习。

在PDF的最后一页，放置了FLASH讨论簿，这是交互式PDF应用的一个小小尝试，AIRIA以后出版的PDF还会放入更多交互应用。

本书作者：

本书凝聚了艾睿编辑团队各位作者的大量心血，以下是参与本书编辑的作者，如果你在阅读的期间遇到问题也可以进入Flash Builder快速入门专栏联系作者，或进入作者的博客与其交流。

他们分别是（排名不分先后）：

罗楷

http://www.flextheworld.com

kevin.luo.sl@gmail.com

郭峰

http://www.hydra1983.com

Edison@airia.cn

郑会宾

http://www.flexers.cn

momoko8443@163.com

唐凡

http://www.tangfanzone.com

woodytf@sina.com

陆仕桑

http://lushisang.com

lushisang@gmail.com

《Flash Builder 4 快速入门》专栏：
http://www.airia.cn/flashbuilder/

《Flash Builder 4快速入门 》PDF、源码包 下载页：

http://www.airia.cn/flashbuilder/fb4Qbook/source/

下载 Adobe Reader 9 阅读器:

下载地址http://www.onlinedown.net/soft/2696.htm

本帖（以上内容）欢迎大家踊跃转载。让更多的朋友顺利走入FLEX开发。

FQA：

为什么我打开需要密码？

编辑团队对PDF的“修改权限”设置了密码，我们希望可以保证该文档的完整性、安全性，不希望文档被任意篡改,最终目的是为了保障读者权益。但这并不影响阅读和学习，通常低版本的Adobe Reader 会报出需要密码，请使用 Adobe Reader 9 阅读器。

简介

学习Flex SDK 4的新特性 — 主题

学习目标

1. 切换Flash Builder 4自带的多款主题。
2. 知道主题的存放位置。
3. 知道主题应用的原理。

准备工作

下载并安装Flash Builder 4

实现步骤

在Flash Builder 4以前，Adobe默认的主题是Halo, 而从Flash Builder 4开始，默认的主题变成了Spark, Spark主题中使用了很多图片作为控件的皮肤，因此Spark只支持部分的色彩样式, 它们是baseColor, color, contentBackgroundColor, focusColor, symbolColor, selectionColor, and rollOverColor,如果同学们想改变一些控件的背景，比如Button的背景样式，我们需要重新定义背景的skin图片才可以做到。当然我们也 可以使用原来的Halo主题。现在我们就来看看如何使用主题。

Flash Builder 4中包含了9款默认主题，其中两款Spark主题，七款Halo主题。这里有必要提一提它们的区别，在Flash Builder 4中，由于出现了新的library://ns.adobe.com/flex/spark (xmlns:s)名称空间,代表新的spark.*包中的控件，所以Flash Builder 4 中同时存在了原来的mx.*以及spark.*中的两组控件。因此在Flash Builder 4中css style也加入了名称空间的支持，比如

@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/halo";
 
s|Button {
color: #FF0000;
}
 
mx|DateChooser {
color: #FF0000;
}

其中S|Button 代表了Spark包中Button的样式，mx|DateChooser则代表mx包中DateChooser的样式。

回到我们的主题选择，首先创建一个名为HelloWorld的Flex项目。接下来

1. 右键点击项目，选择属性

2. 选择Flex主题。

同学们可以看到右边显示了8款主题，其中第九款，也就是Halo.swc是没有显示在这里的，我们需要用导入主题的方式将其加入，我们在这里双击WireFrame主题。

在HelloWorld.mxml中插入下面代码并编译运行 (代码中的布局方式也改变了，详情请查看布局章节)

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
	xmlns:s="library://ns.adobe.com/flex/spark" 
	xmlns:mx="library://ns.adobe.com/flex/halo" 
	minWidth="1024" minHeight="768" preloader="mx.preloaders.DownloadProgressBar">
	<s:HGroup  gap="50" horizontalCenter="0" top="10"> 
	<s:Panel width="200" height="200" title="Spark Panel" >
	<s:layout>
		<s:HorizontalLayout paddingLeft="10" paddingTop="10" />
	</s:layout>	
		<s:Button label="Spark 按钮" /> 
	</s:Panel> 		
	</s:HGroup>  
</s:Application>

左图是默认的spark样式，右图是切换wireframe样式后运行的结果

注: 如果同学们选择的是Halo系列的主题，那么这里运行后仍然看到的会是Spark主题，这是因为Halo主题只对mx.controls里的控件有效，稍后会为同学们演示。

3. 我们已经知道了如何切换主题，现在来看看主题的存放位置以及主题是如何被应用的

主题的默认存放位置在
Flash Builder 4安装目录/sdks/4.0.0/frameworks/themes/

打开后会看见9个文件夹，分别对应一个主题。我们在HelloWorld项目文件夹中打开配置文件.actionScriptProperties。
下图中红色框部分表示了主题的配置。

我们继续来看看主题包里都用什么，将wireframe.swc改名为wireframe.zip，解压。解压后可见下面这些文件。

很明显default.css是主题的样式设置，我们可以对其修改以改变主题的配置。注意default.css中的名称空间 @namespace “library://ns.adobe.com/flex/spark”; 表示了他对spark系列的控件有效。

好了，以上就是Flash Builder 4中对主题的选择。现在我们来继续扩展一些内容。刚才我提到spark以及wireframe主题只对spark包中的控件有效，也就是对Flex Builder 3中的控件是没有效果的，我们来做个实验。将下面的代码放入HelloWorld.mxml，我在其中加入了mx:Panel以及mx: Button。现在同样选择wireframe主题，运行。我们可以看到下图的效果。

右边的mx Panel以及Button显示了默认的Spark样式，说明了wireframe的设置对其无效。那么是否可以继续使用flex builder 3中的样式呢？当然可以，在themes文件夹中的Halo就代表了Flex 3中的默认样式，我们再次打开样式选择面板，点击“导入样式”，选择Halo文件夹中的halo.swc导入。之后我们在Other 一栏里会看见它，见下图

双击导入，再次运行刚才的代码

同学们可以看到右侧已经显示了我们熟悉的Flex 3中的默认样式，而左侧的Spark控件仍然显示了Spark的默认样式。

本节源码

总结

本节中介绍了Flash Builder 4中主题的使用方法，现在的方式让主题的开发与使用更加的规范化，相信以后会出现越来越多更加实用，漂亮的主题

思考

如何让Spark与mx控件同时应用一款主题?