注意:本文已更新,其中包含预览发行版后新增的移动开发功能,包括多密度创作支持、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 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 的 ActionScript 和 Flex 应用程序开发。
其他必需产品
Adobe Flash Builder 4.5(含 Adobe Flex 4.5 SDK)
注意:Adobe Labs 目前提供早期预览发行版下载-Flash Builder 4.5 和 Flex 4.5 SDK 的最终发行版将于 5 月初提供下载。
∙ 下载
∙ 了解更多信息
使用 Flex 进行移动开发的概述
使用 Flex 进行移动开发的最初发行版涉及三个组件:
∙ 运行时:移动设备上的 Adobe AIR 2.6
∙ 框架:Adobe Flex 4.5 SDK
∙ 开发环境:Adobe Flash Builder 4.5
运行时:移动设备上的 Adobe AIR 2.6
Flex SDK 和 Flash Builder 中的移动开发功能的最初版本旨在使用面向移动设备的 Adobe AIR 运行时创建单独安装的应用程序。通过专注于 AIR,Flex 可以充分利用 AIR 提供的与各个移动平台的集成,如硬件后退和菜单按钮的处理能力以及本地存储访问能力。
面向移动设备的 AIR 使开发人员能创建出像本机应用程序一样部署到各个平台的应用程序(如果需要,还可以出售)。例如,使用 AIR for Android 构建的应用程序可推向 Android Market。如果最终用户的设备上已安装 AIR 运行时,用户只需像本机应用程序一样安装任何 AIR 应用程序。如果尚未安装运行时,第一次启动 AIR 应用程序时将提示用户下载并安装 AIR 运行时。有关面向移动的 AIR 的更多信息,请访问 Adobe AIR 开发人员中心。
虽然 Flex 中的移动开发功能最初针对 Adobe AIR,我们将在后续发行版中将基于 Flex 的开发引入移动设备上的浏览器中的 Flash Player。
框架:Adobe Flex 4.5 SDK
Flex SDK 构建在 Flash Player 和 AIR 提供的核心运行时 API 之上,它为构建应用程序 UI 和连接到服务器端数据提供了一个强健、高效的框架。Flex 包含一套丰富的内建 UI 组件、数据访问组件和数据绑定、通过 MXML 创建声明 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 中的移动功能旨在令基于 ActionScript 或 Flex 的移动应用程序开发像开发桌面或网络应用程序一样简单。有关更多详细信息,请参阅以下使用 Flash Builder 4.5 简化移动工作流程。
在后续发行版中,我们计划将 Flash Builder 与 Flash Catalyst 的集成设计/开发工作流程的强大功能引入移动开发领域。
移动设计和开发的考虑事项
移动触摸屏设备的应用程序与桌面和网络应用程序在几个重要方面存在差异:
∙ 为了使触摸输入能实现轻松操作,组件的触击区域一般大于面向桌面的应用程序。这的确如此,因为移动设备屏幕的像素密度远远超出台式机显示器的像素密度。
∙ 触摸屏设备上的滚动等操作的交互模式有所不同。
∙ 由于屏幕面积有限,智能手机等小型设备上的应用程序必须采用不同于桌面应用程序的设计,在给定时间内屏幕上只能显示少量 UI。此外,UI 设计需要兼顾不同设备的屏幕分辨率和像素密度差异。
∙ 虽然移动设备的能力不断提高,它们的 CPU 和 GPU 性能与桌面设备相比还是相当有限。
∙ 由于移动设备的可用内存有限,应用程序必须尽可能减少内存消耗并且操作系统可能随时关闭并重新启动它们。
因此,为移动设备构建应用程序并非只是拿来一个桌面应用程序并“缩小”为不同的屏幕大小。我们的目标是使开发人员能为各个形状系数轻松创建出单独、合适的用户界面,同时在面向移动和面向桌面的项目之间共享底层模型和数据访问代码,从而将重复的开发工作
降至最低。
使用 Flex 4.5 SDK 开发移动应用程序
为了解决以上列出的设计和开发难题,Flex 4.5 中新增的移动开发功能增强了 Flex SDK 的核心功能并提供为移动设计和实施模式优化的外观和组件。
移动就绪核心组件
在 Flex 4.5 中,我们进一步确保了许多核心 Flex 组件可用于触摸屏设备。
对于 Button、CheckBox 和 TextInput 等简单的组件,我们提供一个移动主题,它包含大小适合触摸输入的外观。由于 Flex 4 中引入的 Spark 组件架构的灵活性,我们无需修改核心组件代码就可以做到这一点。此外,如以下性能部分所述,我们提供的移动外观使用 ActionScript 构建而成,以实现最佳性能。图 1 显示 Flex 4.5 中提供的部分移动外观。
图 1.Flex 4.5 中的部分移动组件外观。
对于更复杂的组件,尤其是 Scroller 和 List,我们为核心组件添加了功能性以实现触抛滚
动,并且滚动操作结束时可实现弹拉效果。将 Scroller 和 List 上新增的 interactionMode 样式设置为 touch 即可启用触摸滚动。如果您使用的是移动主题,将对所有合适的组件自动设置该样式,这样您无需执行任何操作就能启用触摸交互。
移动主题的最初版本不会为所有现有 Spark 组件提供支持触摸的外观。表 1 列出了 Flex 4.5 中的移动就绪组件;我们将在后续发行版中陆续提供更多移动就绪组件。
控件 | BusyIndicator(新增组件) Button ButtonBar CheckBox HSlider Image(还支持 BitmapImage) Label List(支持触摸滚动,含滚动指示符) RadioButton/RadioButtonGroup TextArea TextInput |
Layout | DataGroup Group HGroup Scroller(支持触摸滚动,含滚动指示符) Spacer TileGroup VGroup |
Charts | 全部 |
html的flex布局表 1.Flex 4.5 中的移动就绪组件
标准移动应用程序结构
除了对核心组件进行外观设计和扩展,使它们能在移动设备上更好地运行,Flex 4.5 还包含一组新应用程序组件,它们专门设计为简化遵循触摸屏智能手机标准设计模式的应用程序的构建。
由于屏幕大小有限,这些设备上的应用程序通常采用一系列视图的结构,其中每个视图侧重于显示一个数据列表或单个数据项的相关详情。用户通过轻触数据项或其他控件在视图之间导航,使用屏幕 UI 或硬件“后退”按钮实现后退操作。可通过屏幕 UI 或菜单叠加提供其他操作。图 2 说明这个应用程序设计模式。
图 2.触摸屏智能手机的标准应用程序结构
我们将以下组件添加到 Flex 中以支持这一模式。
View
View 组件表示一个 UI 屏幕。您通常以 View 为基础创建自定义 MXML 或 ActionScript 组件,然后添加希望在内容中显示的任何组件。例如,购物车应用程序可能有一个主页视图,该视图显示特商品和分类的列表。轻触某个分类可导航到一个产品列表视图,它显示给定分类中的商品,而轻触某个产品可导航到一个产品详细信息视图,它显示该产品的相关信息。
每个 View 有一个 data 属性,该属性指定了此视图中应当显示的数据。当用户在应用程序中导航时,View 之间可以相互传递数据。此外,如下所述,data 属性还使 ViewNavigator 和 ViewNavigatorApplication 能提供内存中及应用程序运行之间的数据保持功能。
当用户在纵向和横向之间旋转屏幕时,View 在默认情况下自动调整为合适的长宽比。因此,如果您使用标准 Flex 布局管理器,您几乎不需要任何额外操作,应用程序就能应对方向变化。要实现更细的控制,您可以使用 Flex 状态机制定义纵向和横向状态,它们指定了 View 在各个状态中的具体外观。
ActionBar
ActionBar 是显示在应用程序 View 上方的一个标准标题组件。它一般包含一个标题以及一个或多个按钮,这些按钮执行刷新当前视图或创建新项等操作。您可以使用控件填充 ActionBar(这些控件在整个应用程序中是持久的)或为各个视图自定义 ActionBar。例如,在应用程序的主屏幕上,您可以在 ActionBar 中放置一个搜索框。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论