迁移应用程序至Flex 4从Flex 3到Flex 4的完整指南

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

在本指南中，我将介绍如何将一个实际应用程序从Flex 3迁移至Flex 4。文中提供的示例涵盖了Flex应用程序开发的所有重要领域，包括CSS、Spark组件、自定义外观、嵌入字体等。在您自己动手之转换之前，这看起来好像是一项艰巨的任务。如果您阅读了本指南之后，您就会发现Flex 4在组件架构、CSS改进、新状态机制和新图形标记语言FXG等各方面的优势。MX组件的向后兼容性和Flash Builder 4的优化都让这个转化过程变得简单易行。

概述

随着技术的发展，软件框架也在不断更新迭代，为了充分利用新技术带来的性能提升和功能增强，开发者们常常需要将原有的应用程序迁移到新的版本上。Flex 4相较于Flex 3，在组件架构、CSS支持、状态管理等方面进行了大量的改进和增强，这使得Flex 4成为了一个更加强大且灵活的开发平台。将详细介绍如何将一个Flex 3应用程序平滑地迁移到Flex 4。

必备条件与工具

• 必备知识：具备Adobe Flex的基本开发技能。
• 用户级别：中级开发者。
• 所需产品：
• Flex（可下载试用版）
• Flash Builder（可下载试用版）
• 示例文件（用于参考）

迁移步骤详解

1. 打开项目

- 首先需要准备一个Flex 3的项目，将其导入到Flash Builder 4中。

- 解压flex3_to_flex4_transitioning.zip中的MicrophoneExamplesFlex3.zip示例文件。

- 在Flash Builder 4中选择File -> Import -> Flash Builder Project。

- 选择解压后的MicrophoneExamplesFlex3文件夹。

- 设置项目使用的Flex SDK为Flex 4.1版本。

2. 命名空间更改

- Flex 4引入了新的命名空间来区分MXML2009语言、Spark组件和MX组件。迁移过程中需要对命名空间进行相应的修改：

- 打开主应用程序文件MicrophoneExamples.mxml。

- 删除旧的命名空间声明xmlns:mx="http://www.adobe.com/2006/mxml"。

- 插入新的命名空间声明xmlns:fx="http://ns.adobe.com/mxml/2009"、xmlns:s="lib"。

3. 警告清除

- 在迁移过程中，可能会遇到一些编译警告。这些警告通常是因为代码不符合Flex 4的最佳实践或因为某些API的更改。通过检查并更新代码可以消除这些警告。

4. 更新应用程序及其背景

- 更新应用程序描述符文件中的命名空间，例如将中的beta2删除。

- 调整应用程序的背景和其他视觉元素，使其符合Flex 4的主题。

5. 布局和样式

- Flex 4在CSS支持方面有了显著的改进。利用这些改进可以更容易地调整布局和样式。

6. 从ViewStack到Flex 4 States

- Flex 4引入了一种新的状态管理机制，称为Flex 4 States。这种机制允许开发者更加高效地管理应用程序的不同状态。

7. 添加渐变效果

- Flex 4支持更多的视觉效果，如渐变。可以利用这些新功能来增强应用程序的视觉体验。

8. 转换自定义视图

- 如果原应用程序中有自定义视图，例如SampleMicPanel、PitchDetection、InformationPanel和InputDeviceSelector，则需要针对Flex 4的特性和最佳实践对这些自定义视图进行重构。

9. 其他注意事项

- Flex 4.1 SDK要求的最低版本播放器是Flash Player 10。

- 如果希望Flex 4编译器能够完全兼容旧的MX组件，可以在Flex项目的Flex Compiler对话框中选择“Use Flex 3 compatibility mode”选项。

结论

虽然从Flex 3迁移到Flex 4可能看起来是一项艰巨的任务，但通过遵循以上步骤，开发者可以顺利地完成迁移工作。此外，利用Flex 4带来的各种新特性，可以进一步提升应用程序的性能和用户体验。通过本指南的学习，开发者不仅能够顺利完成迁移，还能掌握更多关于Flex 4的知识和技巧。