`

将Flex 3 应用程序迁移到 Flex 4

阅读更多

http://www.adobe.com/cn/devnet/flex/articles/flex3and4_differences_02.html

 

将 Flex 3 应用程序迁移到 Flex 4 时,步骤并不复杂。除了一些缺陷修复以及默认主题稍有变化,您的应用程序通常可以像 Flex 3 中那样正常运行(或更好)。但您必须注意几点。

 播放器依赖性  

请务必针对 Flash Player 10 进行编译。Flex 4 SDK 需要 Flash Player 10 支持。

 

 字体选择器需要一个命名空间    

CSS 字体选择器将 Flex 类命名为 style。例如,以下是 Button 和 DateField 的字体选择器:

Button {
    cornerRadius: 10;
}
DateField {
   color: #780800;
}

 

从 Flex 4 SDK 开始,当应用程序使用字体选择器时,需要命名空间。如果您只在 Flex 应用程序中使用 MXML 2006 命名空间,请将以下默认命名空间声明添加到 CSS 中:

<mx:Style>
    
@namespace "http://www.adobe.com/2006/mxml";
…
</mx:Style>

 

如果在应用程序中使用多个命名空间,您需要在 CSS 中提供各个命名空间。有关示例,请参阅本文稍后部分中的 Flex 4 中的命名空间与包

此外,如果应用程序使用 StyleManager.getStyleDeclaration("Button") 等方法,字体选择器必须包含它的包。例如,对 getStyleDeclaration() 的调用将改为 StyleManager.getStyleDeclaration("mx.controls.Button")。

 

 主题更改  

Flex 3 (MX) 组件的默认主题现在是 Spark 主题。因此,当您使用 Flex 4 SDK 编译应用程序时,它的外观和大小可能有所不同。但是,如果要使用 Flex 3 的外观,您还是可以做到的,因为 Flex 4 包含 Flex 3 的 Halo 主题。要使用 Halo 主题进行编译,您可以使用附加编译器参数 -compatibility-version=3.0。在 Flash Builder 4 中,您可以在“Properties Panel”(属性面板)中这样做。在“Properties Panel”(属性面板)中,选择“Flex Compiler”(Flex 编译器)并单击“Use Flex 3 compatibility mode”(使用 Flex 3 兼容性模式)复选框(请参阅图 1)。 <script type="text/javascript"></script>

propertiesPanel.JPG

图 1.使用 Flex 3 兼容性模式

您也可以通过“Properties”(属性)->“Flex Theme”(Flex 主题)面板将主题从默认 Spark 主题改为 Halo。在“Flex Theme”(Flex 主题)面板中,单击 Halo 主题(请参阅图 2)。

propertiesPanel.JPG

图 2.从“Properties Panel”(属性面板)中选择“Halo Theme”(Halo 主题)

如果您选择使用新的 Spark 主题,请注意许多可用于 Halo 主题的样式无法用于 Spark 主题。Spark 主题只支持数量有限的样式。要了解 Spark 外观可以使用哪些样式,您应当参阅 ASDoc。将为每个组件列出的各个样式指定一个“主题”。如果未指定主题,表示该样式既可用于 Halo,也可用于 Spark 主题。Flex 4 还加入了一种设计用于快速模型的线框外观。线框主题不支持样式更改。

除了主题更改外,Flex 4 应用程序的默认预下载器也已经改为 mx.preloaders.SparkDownloadProgressBar。这个更轻量级的预下载器可以缩短一些启动时间。如果要使用 Flex 3 预下载器,您只需更改一行代码。在 Application 标签中添加以下内容:preloader="mx.preloaders.DownloadProgressBar"

如果要将应用程序从 Flex 3 迁移到 Flex 4 ,我不建议将各个 Flex 3 MX 组件替换为它们对应的 Flex 4 组件。这样投入时间可能并不是一个好方法。您应当为新的应用程序转而使用 Flex 4 组件架构。

 

 自动库位置更改  

在 Flex 3 中,自动库位于 {sdk}/frameworks/libs 中,而在 Flex 4 中,它位于 {sdk}/frameworks/libs/automation 中。用户应当确保 frameworks/libs 中没有自动库副本。 

分享到:
评论

相关推荐

    FlexBuilder4迁移文档

    FlexBuilder4迁移文档

    FLEX企业应用开发实战.part1

    第3章 Flex企业应用开发中的主要元素  3.1 企业应用的特点  3.2 Flex Application  3.2.1 SystemManager  3.2.2 Preloader  3.2.3 Application的作用和主要属性  3.2.4 通过SWFLoader加载Application ...

    ArcGIS for flex API 2.5迁移到3.x

    ArcGIS for flex API 2.5迁移到3.x 的要求,以及一些关键变化

    FLEX企业应用开发实战.part2

    第3章 Flex企业应用开发中的主要元素  3.1 企业应用的特点  3.2 Flex Application  3.2.1 SystemManager  3.2.2 Preloader  3.2.3 Application的作用和主要属性  3.2.4 通过SWFLoader加载Application ...

    Flex企业应用开发实战源代码

    Flex企业应用开发实战源代码 本书由业界4位拥有近10年企业级应用开发经验的资深专家撰写,权威性毋庸置疑。 全书共分为4大部分,涵盖企业级应用开发的...附录 Flex Builder 3中的项目如何迁移至Flash Builder 4 315

    Migrating Applications to Flex 2

    Migrating Applications to Flex 2 程序的迁移及测试

    Testing Flex Applications with Mercury QuickTest Professional

    Testing Flex Applications with Mercury QuickTest Professional程序的迁移及测试

    《Flex第一步》书中源代码2

    ActionScript 3是基于ECMAScript 4来设计的,未来的JavaScript 2也会基于ECMAScript 4来设计,但是从现在的JavaScript 1.5(目前所有主流的浏览器所支持的JavaScript版本)迁移到ActionScript 3却需要付出很多学习。...

    Flex4.5 demo 一览滑动,翻页等功能

    下载后,新建Flex Web工程,然后将文件按照文件夹结构拷贝进去后,编译,运行即可。但是主文件只需要拷贝内容,工程名字需要命名为testDemo。 功能包括 ViewStack的画面迁移 画面popup表示 鼠标在一览中滑动的事件...

    AIR应用开发中文指南.pdf

    第一章. 开始Adobe AIR之旅 1.1 什么是Adobe AIR 1.2 安装AIR运行时及例程 1.3 设置开发环境 1.4 分发,安装和运行AIR应用程序 ... 2.2 从Flex Builder 2.0.1 迁移到Flex Builder 3 .......

    基于云计算的GIS应用模式研究

    在GIS 领域,有必要采用云计算技术,构建云地理信息系统,以便简化GIS 应用程序部署和管理、降低GIS 投资和运行成本,提高GIS 应用程序和基础设施的灵活性。  本文将云计算技术应用到地理信息系统领域,对云计算在...

    reactjs-portfolio:欢迎来到我的投资组合react.js存储库页面

    迁移了我的并将其迁移到新的React应用程序中。 第一种方法是使用库来创建动画,因为创建自己的动画非常耗时。 因此,我决定使用和库。 使用React Props在应用程序中管理组件引用并共享组件详细信息以使用我自己的...

    phpfastcache-bundle:用于PhpFastCache的symfony 3Flex软件包,集成了phpfastcache服务,twig缓存标签和集成到symfony配置文件的功能强大的缓存分析器

    Symfony Flex PhpFastCache捆绑包 :warning: 请注意,V3是PhpFastCache捆绑包的主要更新(不符合BC标准)! 从V3开始,该软件包绝对与以前的版本不兼容。 为了确保最顺畅的迁移,请查看Resources / Docs目录中的...

    Rahul-Portfolio:“我的作品集”向我展示了广泛的作品

    迁移了我的并将其迁移到新的React应用程序中。 第一种方法是使用库来创建动画,因为创建自己的动画非常耗时。 因此,我决定使用和库。 使用React Props在应用程序中管理组件引用并共享组件详细信息以使用我自己的...

    cocomoII成本预测web项目.rar

    cocomoII成本预测web应用 采用django框架,版本2.0.3 数据库采用django自带sqlite3 用户新建的模型依赖于管理员设置的参数值,因而在初始化数据库前需要将DataModel注释掉,即models文件中的28-83行,admin文件中...

    webcomponents-with-redux.training:webcomponents-with-redux.training示例之家

    结帐: : 迁移到Redux工具包: ://vimeo.com/ondemand/redux 查看所有在线研讨会: : 安装前端要启动Web应用程序: 安装cd events 执行: browser-sync src -f src -b "google chrome" --no-notify (可选)后端...

    第三代移动WEB内核小程序风口-逐浪CMS2 x3.9.3全面发布

    ■修复:不能迁移到根节点Bug ■扩展:按需修改购物车发票逻辑 ■增加:会员中心管理发票模板功能(最多6个) *购物车购买时,发票信息会自动存为模板 *用户中心可维护发票信息 ■修复:节点删除入回收站Bug(批量...

    flexbox-layout:适用于Android的Flexbox

    安装将以下依赖项添加到您的build.gradle文件中: dependencies { implementation 'com.google.android:flexbox:2.0.1'}请注意,默认值alignItems和alignContent为FlexboxLayout已经从改变stretch到flex_start从...

    Zoomla!CMS5.5.rar

     逐浪CMS独有六大原创技术:独有的自定义模型与节点功能功能、与华夏营销网打造从网站开发到运营推广再到策划营销一体的解决方案、独创的文名作为标题生成格式为符合百度等大型搜索引擎收录提供了友好的支持、完全...

Global site tag (gtag.js) - Google Analytics