使用AdobeFle4.5SDK和FlashBuilder4.5进行移动开发

1、留意：本文已更，其中包含预览发行版后增的移动开发功能，包括多密度创作支持、ViewMenu 组件和 USB 调试。从我们第一次推出 Flex 和 Flash Builder 开头，我们的核心目标始终是为跨多个平台创立丰富的应用程序供给一种高效的途径。从扫瞄器中的 Flash Player 到桌面上的 Adobe AIR，Flex 和 Flash Builder 使开发人员能构建出跨 Windows、Mac OS 和 Linux 运行的应用程序。借助马上推出的 Adobe Flex 4.5 SDK 和 Flash Builder 4.5 发行版，Adobe 还将 Flex SDK 和 Flash

2、 Builder 带入触摸屏智能手机和 Tablet 领域。借助Adobe AIR 2.6 运行时，您现在可以开发移动 ActionScript 和 Flex 应用程序并实现与桌面平台一样的简易性和质量。借助 Flash Builder 4.5，您可以为 Google Android 平台构建移动 Flex 应用程序。您还可以为 Android 和 Apple iOS 构建移动 ActionScript 应用程序。推出 Flex 和 Flash Builder 4.5 后，我们将供给一个更，它支持面对 iOS 的Flex 应用程序开发以及面对 BlackBerry PlayBook 的 Act

3、ionScript 和 Flex 应用程序开发。其他必需产品Adobe Flash Builder 4.5含 Adobe Flex 4.5 SDK留意：Adobe Labs 目前供给早期预览发行版下载Flash Builder 4.5 和 FlexSDK 的最终发行版将于 5 月初供给下载。下载了解更多信息使用 Flex 进展移动开发的概述使用 Flex 进展移动开发的最初发行版涉及三个组件：运行时：移动设备上的 Adobe AIR 2.6框架：Adobe Flex 4.5 SDK开发环境：Adobe Flash Builder 4.5运行时：移动设备上的 Adobe AIR 2.6Flex

4、SDK 和 Flash Builder 中的移动开发功能的最初版本旨在使用面对移动设备的 Adobe AIR 运行时创立单独安装的应用程序。通过专注于 AIR，Flex 可以充分利用 AIR 供给的与各个移动平台的集成，如硬件后退和菜单按钮的处理力量以及本地存储访问力量。面对移动设备的 AIR 使开发人员能创立出像本机应用程序一样部署到各个平台的应用程序假设需要，还可以出售。例如，使用 AIR for Android 构建的应用程序可推向 Android Market。假设最终用户的设备上已安装 AIR 运行时， 用户只需像本机应用程序一样安装任何 AIR 应用程序。假设尚未安装运行时， 第一

5、次启动 AIR 应用程序时将提示用户下载并安装 AIR 运行时。有关面对移动的 AIR 的更多信息，请访问 Adobe AIR 开发人员中心。虽然 Flex 中的移动开发功能最初针对 Adobe AIR，我们将在后续发行版中将基于 Flex 的开发引入移动设备上的扫瞄器中的 Flash Player。框架：Adobe Flex 4.5 SDKFlex SDK 构建在 Flash Player 和 AIR 供给的核心运行时 API 之上，它为构建应用程序 UI 和连接到效劳器端数据供给了一个强健、高效的框架。Flex 包含一套丰富的内建 UI 组件、数据访问组件和数据绑定、通过 MXML 创立声

6、明UI、动态布局和可扩展的组件架构。Adobe Flex 4.5 SDK 中的移动功能通过两种方式构建在这些核心 Flex 功能 上。首先，现有组件及其外观已优化并扩展，可马上应用于触摸屏设备。其次， 增加了组件，它们包含特定于智能手机的公共应用程序设计模式。以下使用Flex SDK 4.5 开发移动应用程序局部描述了框架中增的这些组件。开发环境：Adobe Flash Builder 4.5最终，Flash Builder IDE 的 4.5 发行版为移动开发带来了一个高效的设计/ 构建/调试工作流程。从工程创立、可视布局、单击调试到设备部署，Flash Builder 4.5 中的移动功能

7、旨在令基于 ActionScript 或 Flex 的移动应用程序开发像开发桌面或网络应用程序一样简洁。有关更多具体信息，请参阅以下使用 Flash Builder 4.5 简化移开工作流程。在后续发行版中，我们打算将 Flash Builder 与 Flash Catalyst 的集成设计/ 开发工作流程的强大功能引入移动开发领域。移动设计和开发的考虑事项移动触摸屏设备的应用程序与桌面和网络应用程序在几个重要方面存在差异：为了使触摸输入能实现轻松操作，组件的触击区域一般大于面对桌面的应用程序。这确实如此，由于移动设备屏幕的像素密度远远超出台式机显示器的像素密度。触摸屏设备上的滚动等操作的交互

8、模式有所不同。由于屏幕面积有限，智能手机等小型设备上的应用程序必需承受不同于桌面应用程序的设计，在给定时间内屏幕上只能显示少量 UI。此外，UI 设计需要兼顾不同设备的屏幕区分率和像素密度差异。虽然移动设备的力量不断提高，它们的 CPU 和 GPU 性能与桌面设备相比还是相当有限。由于移动设备的可用内存有限，应用程序必需尽可能削减内存消耗并且操作系统可能随时关闭并重启动它们。因此，为移动设备构建应用程序并非只是拿来一个桌面应用程序并“缩小”为不同的屏幕大小。我们的目标是使开发人员能为各个外形系数轻松创立出单独、适宜的用户界面，同时在面对移动和面对桌面的工程之间共享底层模型和数据访问代码，从而将

9、重复的开发工作降至最低。使用 Flex 4.5 SDK 开发移动应用程序为了解决以上列出的设计和开发难题，Flex 4.5 中增的移动开发功能增加了Flex SDK 的核心功能并供给为移动设计和实施模式优化的外观和组件。移动就绪核心组件在 Flex 4.5 中，我们进一步确保了很多核心 Flex 组件可用于触摸屏设备。对于 Button、CheckBox 和 TextInput 等简洁的组件，我们供给一个移动主题， 它包含大小适合触摸输入的外观。由于 Flex 4 中引入的 Spark 组件架构的机敏性，我们无需修改核心组件代码就可以做到这一点。此外，如以下性能局部所述，我们供给的移动外观使用

10、 ActionScript 构建而成，以实现最正确性能。图 1 显示 Flex 4.5 中供给的局部移动外观。图 1.Flex 4.5 中的局部移动组件外观。对于更简单的组件，尤其是 Scroller 和 List，我们为核心组件添加了功能性以实现触抛滚动，并且滚动操作完毕时可实现弹拉效果。将 Scroller 和 List 上增的 interactionMode 样式设置为 touch 即可启用触摸滚动。假设您使用的是移动主题，将对全部适宜的组件自动设置该样式，这样您无需执行任何操作就能启用触摸交互。移动主题的最初版本不会为全部现有 Spark 组件供给支持触摸的外观。表 1 列出了 Fle

11、x 4.5 中的移动就绪组件；我们将在后续发行版中间续供给更多移动就绪组件。控件 BusyIndicator增组件 ButtonButtonBar CheckBox HSliderImage还支持 BitmapImage LabelList支持触摸滚动，含滚动指示符 RadioButton/RadioButtonGroup TextAreaTextInput Layout DataGroupGroupHGroup Scroller支持触摸滚动，含滚动指示符 SpacerTileGroup VGroupCharts 全部表 1.Flex 4.5 中的移动就绪组件标准移动应用程序构造除了对核心组件

12、进展外观设计和扩展，使它们能在移动设备上更好地运行，Flex4.5 还包含一组应用程序组件，它们特地设计为简化遵循触摸屏智能手机标准设计模式的应用程序的构建。由于屏幕大小有限，这些设备上的应用程序通常承受一系列视图的构造，其中每个视图侧重于显示一个数据列表或单个数据项的相关详情。用户通过轻触数据项或其他控件在视图之间导航，使用屏幕 UI 或硬件“后退”按钮实现后退操作。可通过屏幕 UI 或菜单叠加供给其他操作。图 2 说明这个应用程序设计模式。图 2.触摸屏智能手机的标准应用程序构造我们将以下组件添加到 Flex 中以支持这一模式。ViewView 组件表示一个 UI 屏幕。您通常以 View

13、 为根底创立自定义 MXML 或ActionScript 组件，然后添加期望在内容中显示的任何组件。例如，购物车应用程序可能有一个主页视图，该视图显示特色商品和分类的列表。轻触某个分类可导航到一个产品列表视图，它显示给定分类中的商品，而轻触某个产品可导航到一个产品具体信息视图，它显示该产品的相关信息。每个 View 有一个 data 属性，该属性指定了此视图中应当显示的数据。当用户在应用程序中导航时，View 之间可以相互传递数据。此外，如下所述，data 属性还使 ViewNavigator 和 ViewNavigatorApplication 能供给内存中及应用程序运行之间的数据保持功能。

14、当用户在纵向和横向之间旋转屏幕时，View 在默认状况下自动调整为适宜的长宽比。因此，假设您使用标准 Flex 布局治理器，您几乎不需要任何额外操作， 应用程序就能应对方向变化。要实现更细的把握，您可以使用Flex 状态机制定义纵向和横向状态，它们指定了 View 在各个状态中的具体外观。ActionBarActionBar 是显示在应用程序 View 上方的一个标准标题组件。它一般包含一个标题以及一个或多个按钮，这些按钮执行刷当前视图或创立项等操作。您可以使用控件填充 ActionBar这些控件在整个应用程序中是长久的或为各个视图自定义 ActionBar。例如，在应用程序的主屏幕上，您可以

15、在 ActionBar 中放置一个搜寻框。ViewMenuViewMenu 供给一个标准控件，当用户按下设备上的菜单按钮时它会从屏幕底部弹出。在任何视图中，您可以添加一个 viewMenuItems 属性，该属性包含一组菜单项，每个菜单项指定一个图标、标签和单击处理函数。ViewMenu 负责正确显示和隐蔽自己以及菜单项的布局。ViewNavigatorViewNavigator 使用基于堆栈的历史记录机制治理应用程序中的 ActionBar 和View 集。当应用程序启动时，ViewNavigator 显示其 firstView 属性指定的视图。然后，您可以通过依据用户输入如轻触列表项调用p

16、ushView 导航到视图，并调用 popView 返回到前一视图。Flex 供给一组经过优化的现成视图过渡，帮助用户在保持上下文的同时实现应用程序导航。为了节约内存消耗，ViewNavigator 在默认状况下将确保任何给定时刻内存中只有一个视图。但它会将之前视图的数据保存在已丢弃的堆栈中，以便用户返回之前的视图时，可使用适宜的数据重将它实例化。除了标准 ViewNavigator，我们还供给一个 TabbedViewNavigator，它允许您通过轻触底部的选项卡在不同的视图堆栈之间切换。ViewNavigatorApplicationViewNavigatorApplication 将全

17、部这些功能一起打包到一个便捷的应用程序类中。通过将应用程序基于 ViewNavigatorApplication，您可以自动获得一个可用于治理视图的 ViewNavigator。对于制表符分隔应用程序，您可以使用模拟应用程序类 TabbedViewNavigatorApplication。ViewNavigatorApplication 还为硬件后退按钮供给默认行为，将它映射到 ViewNavigator 的 popView 方法， 并通过将设备方向变化大事传递到 ViewNavigator 及其当前视图来处理这些大事。ViewNavigatorApplication 还供给一种当应用程序退出

18、时保存应用程序视图状态和数据的方式，这样当应用程序下一次启动时，它可以使用一样的当前视图和视图历史记录恢复自己。这令应用程序的生命周期中的中断对用户而言变得完全透亮，它对于移动设备尤为重要，由于其中的操作系统可以随时中断或杀死某个应用程序。固然，您也可以使用标准 Spark Application 类从头开头创立一个应用程序， 并在不使用 View 导航模式的状况下使用核心移动组件和外观。例如，编写一个Tablet 应用程序时，您可能不会围绕小视图构造整个应用程序；Tablet 可以利用的屏幕尺寸较大，并且 Tablet 应用程序的导航较为轻松。因此，您会期望从标准 Spark Applica

19、tion 而不是 ViewNavigatorApplication 入手，但照旧使用移动主题以充分利用移动优化组件和外观的优势。性能优化由于 Flex SDK 支持同一框架中的移动和桌面用例，当您构建移动应用程序时可以使用 Flex 的全部功能。但是，由于移动设备上的性能限制，在构建移动 Flex 应用程序时，您需要特别留意某些功能，而其他一些功能我们则建议您完全避开。以下是您需要谨记的一些最正确做法。使用 ActionScript 而不是 MXML 构建项呈示器。由于列表滚动的性能密集度很高，请务必创立效率尽可能高的项呈示器。为了帮助您创立移开工程的项呈示器，Flex 供给 LabelIte

20、mRenderer 和 IconItemRenderer 类。这些项呈示器使用 ActionScript 构建而成，IconItemRenderer 可配置为显示一个或两个文本项，在左侧显示一个可选图标或图像，在右侧显示一个可选装饰符。假设这样还不能满足您的需求，可以将这些类子类化，自行使用 ActionScript 添加控件以及为它们布局。尽可能将 ActionScript 和 compiled FXG 图形或位图而不是 MXML 和运行时 MXML 图形用作组件外观。与项呈示器相像，最好确保组件外观为轻量级。我们在 Flex 中供给的移动主题外观都使用 ActionScript 直接构建而

21、成，您可以将它们子类化以替代自己的 FXG 图形或更改布局。如上所述，MXML 外观的性能问题并不像项呈示器那样显著，因此在应用程序中使用少数几个 MXML 外观不会对性能产生很大影响。移开工程中支持图表，但不支持其他 MX 组件。我们不建议在移开工程中使用 MX 组件；请使用 Spark 组件。唯一的例外是图表组件，假设留意避开同时显示过多数据或制作过多数据的动画，则可以在移开工程中使用它。总而言之，将 Spark Label、TextInput 和 TextArea 用于文本，而不要使用 RichText 和 RichTextEditable。对于大多数 UI 文本，我们建议使用基于 Te

22、xtField 的文本以实现最高性能，并且 Flex SDK 中供给的移动外观和项呈示器遵循这一指导方针。假设需要显示丰富内容，可以使用基于 TLF 的 RichText，但我们不建议将它用于移开工程中的大量UI 元素。使移动应用程序适应多个像素密度从屏幕较小的手机到屏幕较大的 Tablet，移动设备的外形系数各不一样。借助Flex 中供给的标准动态布局组件可轻松实现屏幕大小和长宽比的简易变化。但设备的像素密度也各不一样，即屏幕给定英寸面积中的像素数。例如，大多数Tablet 和局部手机的像素密度为 160 每英寸点数 (DPI)，而其他手机的像素密度为 240 或 320 DPI。像素密度的

23、不同会影响用户界面中各个元素的可视尺寸：假设全部其他项都相等，给定像素大小的控件在像素密度较高的设备上的实际显示尺寸会较小。对于触摸屏界面，这个问题尤为显著，由于对它而言，控件的显示需要足够大，才能用手教导击到。Flex 4.5 供给几个增功能，帮助开发人员确保应用程序可以跨多种密度实现良好运行。自动缩放。开发人员可以通过设置应用程序的 applicationDPI 属性，选择为应用程序指定一个目标 DPI。明确设置这一属性时，开发人员应当设置自己的外观和布局，它们就像运行在给定 DPI 的设备上一样。在运行时，假设设备的 DPI 不同于指定的目标 DPI，Flex 会自动缩放整个应用程序以保

24、持应用程序及其控件的近似物理尺寸。例如，假设应用程序的目标 DPI 为 160，它在 240 DPI 的设备上会自动放大 1.5 倍。假设选择不使用该功能，您需要确保自定义外观和视图布局依据运行时的不同像素密度作出正确调整。留意，假设您使用自动缩放，我们建议您将applicationDPI 设置为您期望支持的最低 DPI 并允许应用程序在 DPI 较高的设备上放大。这是由于放大而不是缩小时，矢量图稿的外观会更精彩，定位会更全都。对于位图，您需要充分利用以下描述的多 DPI 位图支持。DPI 感知型移动外观。Flex 4.5 随附的移动主题中的内建外观会自动适应不同的 DPI。假设您使用自动缩放

25、，内建外观将依据您指定的 applicationDPI 自动完成自我配置，然后由自动缩放功能进展放大。假设您不使用自动缩放，外观将使自己适应设备的实际运行时 DPI。通过了解内建外观的工作原理，您可以在创立自己的自定义外观时承受一样的模式。多 DPI 位图。假设您的应用程序包含任何位图图稿，您需要依据不同的 DPI 为每个位图供给多个区分率，从而避开缩放产生的不自然感。要这样做，您可以充分利用 MultiDPIBitmapSource 类，它允许您指定不同的位图文件，将它们用于给定图像的不同 DPI。这个类可以作为显示图像的组件如 BitmapImage 或Image 组件的源属性或作为 Bu

26、tton 的图标属性进展传递。对于移动外观，无论您是否使用自动缩放，框架都能正确处理这些位图，这样您始终可以在给定设备 DPI 条件下看到区分率适当的位图。各 DPI 的 CSS 规章。Flex 4.5 增加了 CSS media 语法支持，允许您指定只适用于给定 DPI 的 CSS 规章；内建外观充分利用这一支持依据不同 DPI 调整字体大小和间隔。您也可以使用这一语法指定各平台的 CSS 规章。有关编写密度感知型应用程序的更多信息，请参阅指向多密度应用程序创作ADC 文章的链接。在 AIR 上运行最终，必需意识到除了以上列出的全部移动 Flex 组件，您还可以在移动设备上直接利用 AIR

27、中供给的全部 API地理位置、加速计和相机集成等。虽然这些功能中有一些并未作为 Flex 组件供给，但是可以使用 ActionScript 直接访问它们。有关在移动设备上使用 AIR 供给的 API 进展开发的更多信息，请参阅AIR 移动文档。使用 Flash Builder 4.5 简化移开工作流程Flash Builder 4.5 以 Adobe Flex SDK 4.5 中的移动开发功能为构建根底，它将现有 ActionScript 和 Flex 开发工作流程扩展到移动开发领域，从工程创立到最终应用程序打包。治理移开工程Flash Builder 4.5 供给两个的工程类型：Action

28、Script 移开工程和 Flex 移开工程。创立 ActionScript 移开工程为您供给了一个干净的平面，供您在上面以纯 ActionScript 代码编写应用程序。相反，创立Flex 移开工程使您能访问Flex 框架，包括上述移动功能以及 Flash Builder 的 Flex 相关功能，如Flash Builder 4 中引入的设计模式和数据连接性功能。如上所述，Flash Builder 4.5 发行版支持构建面对 Android 的移动 Flex 工程以及面对 Android 和 iOS 的移动 ActionScript 工程。4.5 发行版后将很快推出更以支持面对 iOS 的

29、 Flex 开发以及面对 BlackBerry PlayBook 的ActionScript 和 Flex 开发。假设您要为多个屏幕创立应用程序如桌面/网络应用程序和移动应用程序， 您的典型工程构造将由以下局部组成：一个一般 Flex 或 ActionScript 工程它包含桌面/网络 UI、一个移动 Flex 或 ActionScript 工程它包含移动UI和一个库工程它包含模型和两个应用程序之间共享的数据访问代码。设计视图对于移动 Flex 工程，我们通过两种方式扩展了设计模式。首先，我们为设计工具栏增加了控件请参阅图 3，它们允许您预览视图内容在不同设备屏幕大小和不同方向状况下的外观。您可以通过“首选项”“Flash Builder”“设备配置”自己添加更多设备配置。图 3.针对移动设备配置的设计模式控件其次，我们使设计模式能与上述标准视图导航构造良好协作。在一个基于ViewNavigatorApplication 的工程中编辑 View 时，您将在整个应用程序构造的环境中看到 View 的内容；因此，例如，您会看到 View 上方的 ActionBar 并且 ActionBar 中填充了适合该 Vi