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

《将应用程序从flex 3迁移至flex 4》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、将应用程序从Flex3迁移至Flex4要求必备知识熟悉AdobeFlex。用户级别中级所需产品·Flex（下载试用）·FlashBuilder（下载试用）·示例文件（范例）在本指南中，我将介绍如何将一个实际应用程序从Flex3迁移至Flex4。文中提供的示例涵盖了Flex应用程序开发的所有重要领域，包括CSS、Spark组件、自定义外观、嵌入字体等。在您自己动手之转换之前，这看起来好像是一项艰巨的任务。如果您阅读了本指南之后，您就会发现Flex4在组件架构、CSS改进、新状态机制和新图形标记语言FX

2、G等各方面的优势。MX组件的向后兼容性和FlashBuilder4的优化都让这个转化过程变的简单易行本指南中使用的示例文件包括原始Flex3应用程序及转换后的Flex4应用程序的源代码。完成指南中所述步骤后，您就可以使用完成后的Flex4应用程序源代码进行引用了。本文包含以下内容：·打开项目·命名空间更改·警告清除·更新应用程序及其背景·布局和样式·从ViewStack到Flex4States·添加渐变效果·转换SampleMicPanel自定义视图·转换PitchDetection自定义视图·转换

3、InformationPanel自定义视图·转换InputDeviceSelector自定义视图打开项目首先，打开Flex3项目，将设置更改为指向Flex4.1SDK。我将简要介绍重新对其进行编译所需改变，以及不使用MX兼容模式时Flex4的视觉效果。1.将flex3_to_flex4_transitioning.zip内的MicrophoneExamplesFlex3.zip示例文件解压至您选择的文件夹。2.在FlashBuilder4中选择File->Import->FlashBuilderPr

4、oject。3.选择ProjectFolder。4.单击Browse，导航至刚才解压的MicrophoneExamplesFlex3文件夹，并单击OK。5.单击Finish。原始项目使用Flex3.2SDK（AIR2.0beta将其覆盖）。如果要构建项目，您将会在Problems面板中看到一个错误提示信息“UnknownFlexSDK:…”。要解决这一问题，您需要更改该项目使用的SDK版本。6.下载和安装包含AIR2.0的 Flex4.1SDK。（请参阅安装说明中的发布说明。）7.右键单击项目并选择

5、属性以打开属性对话框。8.选择左边的FlexCompiler类别。9.在FlexSDKVersion部分，选择Flex4.1SDK。10.单击OK。注：如果您使用不同的Flex4和AIR2.0SDK或Flex4.1版本，请使用ConfigureFlexSDKs并选择合适的SDK。因为原始应用程序使用AIR2.0beta版本，您需要更新应用程序描述符文件中的命名空间。11.打开src文件夹中的MicrophoneExamples-app.xml文件并找到下列代码行：

6、"http://ns.adobe.com/air/application/2.0beta2">12.删除“beta2”，代码行显示如下：13.保存更改并构建项目。应用程序将进行无错误编译（尽管可能会出现一些警告）。14.选择Run>Run>MicrophoneExamples并运行图1和图2显示出Flex3版本和Flex4版本的应用程序的不同：图1.用Flex3SDK构建的原始应用程序。图2.使用Flex4SDK构建的应用程序，无任何代码更改。新旧应用程序的差异是由于新Flex4默认CSS和主题值产

7、生的。如果您希望Flex4编译器可以严格兼容旧的MX组件，可以在Flex项目的FlexCompiler对话框中选择“UseFlex3compatibilitymode”选项。另外请注意：Flex4.1SDK要求的最低版本播放器是FlashPlayer10。命名空间更改迁移过程的第二步是进行命名空间的更改。新命名空间将MXML2006命名空间分为三个部分：fx、s和mx。这三个部分分别是MXML2009语言和构造（fx）、Spark组件（s）和MX组件（mx）。更改命名空间的步骤如下：1.打开主Mic

8、rophoneExamples.mxml应用程序文件。2.删除旧命名空间声明：xmlns:mx="http://www.adobe.com/2006/mxml"3.插入新命名空间声明：xmlns:fx="http://ns.adobe.com/mxml/2009"xmlns:s="library://ns.adobe.com/flex/spark"xmlns:mx="library://ns.adobe.com/flex/mx"4.保存更改并构建项目。更改命名空间产生