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

将应用程序从Flex 3迁移至Flex 4要求 必备知识 熟悉 Adobe Flex。 用户级别 中级 所需产品 Flex（下载试用） Flash Builder（下载试用） 示例文件（范例） 在本指南中，我将介绍如何将一个实际应用程序从 Flex 3 迁移至 Flex 4。文中提供的示例涵盖了 Flex 应用程序开发的所有重要领域，包括 CSS、Spark 组件、自定义外观、嵌入字体等。 在您自己动手之转换之前，这看起来好像是一项艰巨的任务。如果您阅读了本指南之后，您就会发现Flex 4在组件架构、CSS改进、新状态机制和新图形标记语言FXG等各方面的优势。MX组件的向后兼容性和Flash Builder 4的优化都让这个转化过程变的简单易行 本指南中使用的示例文件包括原始 Flex 3 应用程序及转换后的 Flex 4 应用程序的源代码。完成指南中所述步骤后，您就可以使用完成后的 Flex 4 应用程序源代码进行引用了。 本文包含以下内容： 打开项目 命名空间更改 警告清除 更新应用程序及其背景 布局和样式 从 ViewStack 到 Flex 4 States 添加渐变效果 转换 SampleMicPanel 自定义视图 转换 PitchDetection 自定义视图 转换 InformationPanel 自定义视图 转换 InputDeviceSelector 自定义视图 打开项目 首先，打开 Flex 3 项目，将设置更改为指向 Flex 4.1 SDK。我将简要介绍重新对其进行编译所需改变，以及不使用MX兼容模式时Flex4的视觉效果。 将 flex3_to_flex4_transitioning.zip 内的 MicrophoneExamplesFlex3.zip 示例文件解压至您选择的文件夹。 在 Flash Builder 4 中选择 File - Import - Flash Builder Project。 选择 Project Folder。 单击 Browse，导航至刚才解压的 MicrophoneExamplesFlex3 文件夹，并单击 OK。 单击 Finish。 原始项目使用 Flex 3.2 SDK（AIR 2.0 beta 将其覆盖）。如果要构建项目，您将会在 Problems 面板中看到一个错误提示信息“Unknown Flex SDK: …”。要解决这一问题，您需要更改该项目使用的 SDK 版本。 下载和安装包含 AIR 2.0 的?Flex 4.1 SDK。（请参阅安装说明中的发布说明。） 右键单击项目并选择属性以打开属性对话框。 选择左边的 Flex Compiler 类别。 在 Flex SDK Version 部分，选择 Flex 4.1 SDK。 单击 OK。 注：如果您使用不同的 Flex 4 和 AIR 2.0 SDK 或 Flex 4.1 版本，请使用 Configure Flex SDKs 并选择合适的 SDK。 因为原始应用程序使用 AIR 2.0 beta 版本，您需要更新应用程序描述符文件中的命名空间。 打开 src 文件夹中的 MicrophoneExamples-app.xml 文件并找到下列代码行： application xmlns=/air/application/2.0beta2 删除“beta2”，代码行显示如下： 保存更改并构建项目。 应用程序将进行无错误编译（尽管可能会出现一些警告）。 选择 Run Run MicrophoneExamples并运行 图1和图2显示出Flex3版本和Flex4版本的应用程序的不同： 图 1. 用 Flex 3 SDK 构建的原始应用程序。 图 2. 使用 Flex 4 SDK 构建的应用程序，无任何代码更改。 新旧应用程序的差异是由于新 Flex 4 默认 CSS 和主题值产生的。如果您希望 Flex 4 编译器可以严格兼容旧的 MX 组件，可以在 Flex 项目的 Flex Compiler 对话框中选择“Use Flex 3 compatibility mode”选项。 另外请注意：Flex 4.1 SDK 要求的最低版本播放器是 Flash Player 10。 命名空间更改 迁移过程的第二步是进行命名空间的更改。新命名空间将 MXML 2006 命名空间分为三个部分：fx、s 和 mx。这三个部分分别是 MXML 2009 语言和构造（fx）、Spark 组件（s）和 MX 组件（mx）。 更改命名空间的步骤如下： 打开主 MicrophoneExamples.mxml 应用程序文件。 删除旧命名空间声明： xmlns:mx=/2006/mxml 插入新命名空间声明： xmlns:fx