将应用程序从Flex 3迁移至Flex 4.doc

将应用程序从Flex3迁移至Flex4
要求
必备知识
熟悉AdobeFlex。
用户级别
中级
所需产品
FlexHYPERLINK"http://www.adobe.com/go/tryflex/"（下载试用）
FlashBuilderHYPERLINK"http://www.adobe.com/go/try_flashbuilder/"（下载试用）
示例文件（范例）
在本指南中，我将介绍如何将一个实际应用程序从Flex3迁移至Flex4。文中提供的示例涵盖了Flex应用程序开发的所有重要领域，包括CSS、Spark组件、自定义外观、嵌入字体等。
在您自己动手之转换之前，这看起来好像是一项艰巨的任务。如果您阅读了本指南之后，您就会发现Flex4在组件架构、CSS改进、新状态机制和新图形标记语言FXG等各方面的优势。MX组件的向后兼容性和FlashBuilder4的优化都让这个转化过程变的简单易行
本指南中使用的示例文件包括原始Flex3应用程序及转换后的Flex4应用程序的源代码。完成指南中所述步骤后，您就可以使用完成后的Flex4应用程序源代码进行引用了。
本文包含以下内容：
HYPERLINK"http://www.infoq.com/cn/vendorcontent/show.action?vcr=1168"\l"a"打开项目
HYPERLINK"http://www.infoq.com/cn/vendorcontent/show.action?vcr=1168"\l"b"命名空间更改
HYPERLINK"http://www.infoq.com/cn/vendorcontent/show.action?vcr=1168"\l"c"警告清除
HYPERLINK"http://www.infoq.com/cn/vendorcontent/show.action?vcr=1168"\l"d"更新应用程序及其背景
HYPERLINK"http://www.infoq.com/cn/vendorcontent/show.action?vcr=1168"\l"e"布局和样式
HYPERLINK"http://www.infoq.com/cn/vendorcontent/show.action?vcr=1168"\l"f"从ViewStack到Flex4States
HYPERLINK"http://www.infoq.com/cn/vendorcontent/show.action?vcr=1168"\l"g"添加渐变效果
HYPERLINK"http://www.infoq.com/cn/vendorcontent/show.action?vcr=1168"\l"h"转换SampleMicPanel自定义视图
HYPERLINK"http://www.infoq.com/cn/vendorcontent/show.action?vcr=1168"\l"i"转换PitchDetection自定义视图
HYPERLINK"http://www.infoq.com/cn/vendorcontent/show.action?vcr=1168"\l"j"转换InformationPanel自定义视图
HYPERLINK"http://www.infoq.com/cn/vendorcontent/show.action?vcr=1168"\l"k"转换InputDeviceSelector自定义视图
打开项目
首先，打开Flex3项目，将设置更改为指向Flex4.1SDK。我将简要介绍重新对其进行编译所需改变，以及不使用MX兼容模式时Flex4的视觉效果。
将flex3_to_flex4_transitioning.zip内的MicrophoneExamplesFlex3.zip示例文件解压至您选择的文件夹。
在FlashBuilder4中选择File->Import->FlashBuilderProject。
选择ProjectFolder。
单击Browse，导航至刚才解压的MicrophoneExamplesFlex3文件夹，并单击OK。
单击Finish。
原始项目使用Flex3.2SDK（AIR2.0beta将其覆盖）。如果要构建项目，您将会在Problems面板中看到一个错误提示信息“UnknownFlexSDK:…”。要解决这一问题，您需要更改该项目使用的SDK版本。
下载和安装包含AIR2.0的HYPERLINK"http://opensource.adobe.com/wiki/display/flexsdk/Download+Flex+4"