您的位置:首页 > 产品设计 > UI/UE

FlashBuilder4.6创建手机小程序

2013-10-28 11:40 190 查看
FlashBuilder4.6编写安卓手机应用程序
从FlashBuilder4.5版本就可以在Flex中编写手机程序。我采用的是FlashBuilder4.6.大家可以在网上下载试用版本的FlashBuilder4.6或者4.5或者4.7。

关于FlashBuilder4.6的简介下载及破解方法,大家可以去下面这两个网址上看:

http://blog.sina.com.cn/s/blog_549941cb01010345.html

也可以去Adobe官网上下载试用版(序列码大家可以自己在网站上搜一个输入就行)。

有的资料显示安装FlashBuilder4.6前,应该先把原来安装的Adobe AIR以及其他安装版Flex进行卸载。因为是要在手机上运行,所以也应该将以前在手机上运行项目所安装的Adobe AIR卸载。

新版的FlashBuilder自带AIR(在SDK的runtime下的android文件中),所以安装FlashBuilder4.6时,电脑将自动安装AIR以及后面将编辑好的项目导入到手机时也会在手机里安装AIR.

1. 下面是安装好FlashBuilder4.6后进行编写手机应用程序的步骤:

http://www.adobe.com/cn/devnet/flash-builder/articles/hello-world.html(附录1)

这是一个比较完整的教程。

在桌面上运行时可以任意选择一个模拟器进行运行(我的FB中所带的模拟器我都试了,都可以运行)。下面是Adobe官网上进行文字叙述的创建手机项目的过程。

http://help.adobe.com/zh_CN/flex/mobileapps/WSa8161994b114d624-33657d5912b7ab2d73b-7ffe.html(附录2)

将电脑中原来安装的AIR卸载。在Adobe设置移动设备项目首选参数网站上可能找不到你的手机型号。只需在android_winusb.inf中将你的手机系统名称及硬件ID根据操作更替就行。在将项目在手机上运行或者打包到手机上时,一定将手机USB调试打开。

将手机连接到电脑上,在计算机------>设备管理器双击连接你手机后出现的一项在详细信息里查看你手机的硬件ID:



选中项是你的硬件ID。

2. 下面的地址是讲述FB连接Android手机时需要改动的步骤:

http://help.adobe.com/zh_CN/flex/mobileapps/WSa8161994b114d624-33657d5912b7ab2d73b-7fdf.html(附录3)

更改硬件ID后,FB将识别你的手机。

在安装USB手机驱动程序时,如果你的手机连接电脑后不能在设备管理器中找到,你就在手机安装一个驱动(最好去你手机官网上安装适合你手机版本的驱动)。安装android_winusb.inf实在计算机----->设备管理器------>操作------>添加过时硬件-------->下一步----->安装我手动从列表选择的硬件(高级)--->下一步----->显示所有的设备--->下一步从磁盘安装----->FB下的android_winusb.inf。

注:我虽然安装上了但是不能运行。我觉得他并不影响在手机上运行程序和在手机上打包等步骤,虽然有点资料显示他必须安装。

3. 在设备上测试和调试移动设备应用程序

http://help.adobe.com/zh_CN/flex/mobileapps/WSa8161994b114d624-33657d5912b7ab2d73b-7fe5.html(附录4)

4 关于打包

在手机上调试产生的是debug版本,打包后就像手机上的软件一样。 项目----->导出发行版--->(可以导出到另一个文件从而生成一个runtime.apk文件)或者默认 选择每个目标平台已签名包 下一步--->在“部署”中选择“在所有已连接的设备中安装并启动应用程序”和“导出具有运行时绑定的应用程序”--->在“数字证书”中,可以自己创建也可以在网上注册一个免费证书(注:创建证书创建的证书路径必须与另存为的路径一样且密码是你创建时输入的创建的密码 生成的数字证书下标是.pl2)----->完成

在正式官网上申请的证书是为了将项目倒到在线商店时才使用的。

5 下面是一个在FB4.6上创建的一个手机项目 (PhotoBook)

在PhotoBookView.html视图中:

<?xml version="1.0" encoding="utf-8"?>

<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"

xmlns:s="library://ns.adobe.com/flex/spark" title="Photo">

<fx:Declarations>

<!-- 将非可视元素(例如服务、值对象)放在此处 -->

</fx:Declarations>

<fx:Script>

<![CDATA[

import flash.ui.Multitouch;

import flash.ui.MultitouchInputMode;

private function onSwipe(event:TransformGestureEvent):void{

if(event.offsetX == -1){

doSwipeLeft();

}

else if(event.offsetX == 1){

doSwipeRight();

}

}

private function doSwipeLeft():void{

navigator.pushView(NewPhoto);

}

private function doSwipeRight():void{

navigator.popToFirstView();

}

public function left_Handler(e:MouseEvent):void{

image.rotation -=90;

}

public function right_Handler(e:MouseEvent):void{

image.rotation += 90;

}

]]>

</fx:Script>

<s:VGroup left="6" right="14" top="10" bottom="10" gestureSwipe="onSwipe(event)">

<s:Image source="assets/0 (3).jpg" id="image" width="472" height="423" horizontalAlign="center"/>

<s:HGroup width="490">

<s:Button width="50" height="50" click="left_Handler(event)" icon="assets/left.jpg" layoutDirection="rtl"/>

<s:Button width="50" height="50" click="right_Handler(event)" icon="assets/right.jpg" layoutDirection="rtr"/>

</s:HGroup>

</s:VGroup>

</s:View>

注:此代码实现的是图片的旋转功能

因为我的手机是智能机,所以可以通过触屏滑动实现图片转换的功能。大家也可以将其改变成通过按钮来转换图片。

我又另外加了一个MXML组件NewPhoto.mxml实现两个照片滑屏互转以及图片的放大与缩小的功能。

<?xml version="1.0" encoding="utf-8"?>

<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"

xmlns:s="library://ns.adobe.com/flex/spark" title="NewPhoto">

<fx:Declarations>

<!-- 将非可视元素(例如服务、值对象)放在此处 -->

</fx:Declarations>

<fx:Script>

<![CDATA[

import flash.ui.Multitouch;

import flash.ui.MultitouchInputMode;

Multitouch.inputMode = MultitouchInputMode.GESTURE;

private function zoomHandler(event:TransformGestureEvent):void

{

pic.scaleX *= event.scaleX;

pic.scaleY *= event.scaleY;

Pic.smooth = “ture”;

}

private function onSwipe2(event:TransformGestureEvent):void{

if(event.offsetX == 1){

doSwipeLeft();

}

else if(event.offsetX == -1){

doSwipeRight();

}

}

private function doSwipeLeft():void{

navigator.popToFirstView();

}

private function doSwipeRight():void{

}

]]>

</fx:Script>

<s:VGroup top="10" bottom="10" left="10" right="10" gestureSwipe="onSwipe2(event)">

<s:Image source="assets/0 (2).jpg" id="pic" x="142" y="170" width="250" height="234" gestureZoom="zoomHandler(event)" />

</s:VGroup>

</s:View>

注:最后一个方法在电脑上可以使用Alert.show()方法,但是在手机项目上是不能实现的故用了一个空函数从而实现“此照片是最后一张的功能”。

Image下的处理方法可以查看FB4.6的API和AS(3.0)。

***********************************************************************

附录1

创建一个新的手机项目

在 Flash Builder 4.5 中可轻松的创建一个 Flex 手机项目:

1 选择“文件”> “新建”> “Flex 手机项目”以打开项目向导。

2 在向导的“项目位置”屏幕,指定“项目”名称:HelloWorld(请参阅图 1)

3 保留其他设置的默认值,仅单击“下一步”。

图 1. 指定 Flex 项目的位置



4 在向导的“手机设置”屏幕,确保将 Google Android 选为目标平台。(请注意,您还可以将 BlackBerry Tablet OS 和 Apple iOS 选为目标平台。)共有三种可能的应用程序的设计样式;选择“基于视图的应用程序”。保留本练习的其他设置的默认值(请参阅图 2)。

图 2. 指定 Flex 项目的手机设置



5 此步骤为可选步骤。您可以单击“权限”选项卡,查看运行时设备上应用程序允许的权限。由于您通常希望将应用程序连接到设备上的 Internet,并且要求在设备上进行调试,现在请检查 INTERNET(请参阅图 3)。
图 3. 确定手机应用程序的权限



6 单击“下一步”进入向导的“服务器设置”屏幕。保留设置(请参阅图 4),然后再次单击“下一步”。
图 4. 选择手机应用程序使用的应用程序服务器技术



现在 Flash Builder 创建了项目并更新了路径设置;向您显示向导的“构建路径”屏幕。在此您可以添加您知道的将要用于应用程序的库或源路径。您还可以更改一些文件名和参数。 鉴于您的目的,您只需要更改“应用程序 ID”,它是帮助识别您的应用程序所需的唯一的字符串。

如果您正在创建测试项目,可使用任何名称(例如“测试”)但实际应用程序应使用类似于完全合格的域名的名称。例如,com.mydomain.MyApp就是个很好的选择,其中MyApp是您的应用程序的实际名称。对于本教程,输入 com.mydomain.HelloWorld 作为“应用程序 ID”(请参阅图 5),然后单击“完成”。
图 5.添加手机应用程序使用的库或源路径



此时, Flash Builder 应加载项目、打开代码编辑器并在创作环境中显示新的 Flex 手机应用程序(请参阅图 6)。



图 6. Flash Builder 中准备编码的 Flex 手机项目

您在创建 Flex 手机项目时, Flash Builder 生成以下项目文件(其中ProjectName是您在向导的第一个步骤中命名的项目名称):

· ProjectName.mxml:这是项目的应用程序文件。通常情况下,您不用直接将内容添加到默认的应用程序文件。

· ProjectNameHomeView.mxml:该文件表示初始屏幕(或项目的视图)。Flash Builder 将文件放入一个名为“视图”的包中。

(这些是MXML文件,它们使用 Flash Builder 用于设计应用程序界面的用户界面标记语言写入。您可以在在线文档中阅读更多关于视图的信息。)

添加“你好,世界!”代码至手机项目

现在除了含有一些关于默认布局的信息,应用程序仅仅是一个空的容器。 可以添加一些文本至屏幕以及在它下面添加一个按下即可进行一些操作的按钮。

确保 HelloWorldHomeView.mxml 选项卡在 Flash Builder 中可见。(如果不可见,请在项目窗口左侧的“包资源管理器”中双击 HelloWorldHomeView.mxml 视图。)在结束</s:View>标记上方插入一些空行。键入以下代码(或从该列表复制代码并直接将其粘贴至 Flash Builder ):

<s:VGroup width="100%" height="100%" verticalAlign="middle" horizontalAlign="center"> <s:Label text="Hello, World!"/> <s:Button label="Continue" click="navigator.pushView(MyNewView)" styleName="next"/> </s:VGroup>

如果您选择自己输入代码而不是复制并粘贴,您会在 Flash Builder 中注意到帮助您输入正确代码的代码提示功能。

选择“文件”>“保存”以保存您的文件。您的代码应类似于图 7。下面是此代码的用途:在 VGroup 中(一个垂直排列元素的布局容器),是将创建一个说“你好,世界!”的标签和说“继续”的按钮的代码。该代码将在点击按钮时将 HelloWorldHomeView 屏幕(或视图)“推到”一边,从而显示一个名为 MyNewView 的屏幕。



图 7. 在屏幕上显示“你好,世界!”文本和“继续”按钮的代码

仅需几个步骤您即可测试您的应用程序。现在该推送脚本应运行的新的 MyNewView 屏幕尚未存在,现在就创建它:

7 在主菜单中,选择“文件”>“新建”> “MXML 组件”。您将看到“新建 MXML 组件”对话框。

8 确保“HelloWorld/src”显示为源文件夹。如果不是,请单击“浏览”按钮,选择 HelloWorld 项目。

9 对于“包”,如果它尚未存在,请键入视图。

10 对于“名称”,请输入推送脚本中引用的屏幕(视图)的名称:MyNewView

11 保留布局设置为“无”。确保组件“基于”spark.components.View。您的对话框应类似于图 8。
单击“完成”。



图 8. 创建 MyNewView 视图

返回至创作环境,单击 MyNewView 选项卡确保其可见(如果尚未可见)。将一些文本和一个按钮添加至该视图。在结束</s:View>标记上方插入一些空行。然后键入以下代码(或从该列表复制代码并直接将其粘贴至 Flash Builder ):

<s:VGroup width="100%" height="100%" verticalAlign="middle" horizontalAlign="center"> <s:Label text="Success!" /> <s:Button label="Back" click="navigator.popView()" styleName="back" /> </s:VGroup>
选择“文件”>“保存”以保存您的文件。您的代码应类似于图 9。以下是该代码对于 MyNewView 的用途:在 MyNewView.mxml 中,它是一个说“成功!”的标签和说“返回”的按钮。该代码将在点击按钮时“弹”回 HelloWorldHomeView,因此您将返回至开始的位置。



图 9. 在第二个屏幕上显示“成功!”文本和“返回”按钮的代码

现在您已准备好测试应用程序。

在桌面上测试应用程序

您无需使用手机设备测试应用程序。Flash Builder 使在桌面上运行和调试手机应用程序变得轻松:

1 确保打开了项目(它的名称应为 HelloWorld.mxml)的主 MXML 文件并且该文件在代码编辑器中处于活动状态。
在主工具栏单击“运行”按钮

2 确保将目标平台设置为 Google Android。

3 对于“启动方法”,可选择“在桌面上”,然后选择一个设备进行模拟,例如:Motorola Droid Pro。您的设置应类似于图 11 中所示内容。

4 在对话框中单击“运行”以接受您的设置并在桌面上启动应用程序。

5 现在运行一个名为 ADL 的程序启动器,其在 HomeView 屏幕上显示一个显示“你好,世界!”的窗口(被称为 HelloWorld 调试)并在下方显示“继续”按钮(请参阅图 12)。

6 单击“继续”按钮进入下个 MyNewView 屏幕,其在屏幕上显示“成功!” 并在其下方显示一个“返回”按钮。单击“继续”按钮相当于用手指在实际设备上点击按钮。
图 11. 选择用于测试应用程序的模拟设备



图 12. 在模拟设备外观的窗口中运行手机应用程序。





1 单击“返回”按钮或按下“控制-B”(命令-B)返回至上个屏幕。其相当于在实际设备上点击“返回”按钮。您可以在这两个视图中来回点击。

2 关闭 HelloWorld 调试窗口,然后选择“文件”>“保存”以保存您的 Flash Builder 项目文件。

祝贺您!您已成功地在桌面上运行了您的首个 Flex 手机应用程序。

在 Android 设备上测试应用程序

在模拟设备上测试应用程序是查看其外观的一个好方法,但是在实际设备上运行和调试应用程序会更好。以下步骤向您显示了如何使用 USB 在您自己已连接的 Android 设备上运行应用程序:

3 确保您的设备启用了 USB 调试模式。在 Android 2.2 上,您可以启动系统设置应用程序来进行该操作,点击“应用程序”> “开发”,然后确保选中 USB 调试。(在您的设备上点击“确定”以允许 USB 调试。)有关更多信息,请参阅在线文档中的“连接 Google Android 设备”

使用 USB 电缆将您的设备插入计算机。您的设备将提示您选择连接类型。选择将它作为一个磁盘驱动器安装。

如果您看到一个要求您选择设备的对话框,并且未在列表中看到自己的设备,请单击“我未在列表中看到我的连接设备”链接。它将带您进入在线文档中的“连接 Google Android 设备”页面。

4 由于在上一部分中您在桌面上运行了 HelloWorld 的测试配置,现在单击 Flash Builder 工作区顶部 工具栏中的“运行”按钮旁边的黑色向下箭头,并选择“运行配置”(请参阅图 13)以显示“运行配置”对话框。(单击“运行”按钮即可重复上一个测试配置。)



图 13. 单击主工具栏上的“运行”按钮旁边的箭头

1 在“运行配置”对话框中,确保“项目”字段显示“HelloWorld”(如不显示,请单击“浏览”以选择它,);应用程序文件设置为“src/HelloWorld.mxml”;Google Android 为目标平台而“在设备上”则为所选的启动方法(请参阅图 14)。如果不是 Android,则为您的实际设备选择合适的目标平台。

2 在对话框中单击“运行”以确保 Flash Builder 将应用程序发送至您的设备。您的设备应响应并且应用程序应自动启动。

图 14. 配置要在手机设备上运行的应用程序
注:如果您的计算机提示您升级设备以运行 Adobe AIR 的最新版本,请单击“确定”(请参阅图 15)。



图 15. 提示升级您的设备至 Adobe AIR 的最新版本

祝贺您!您已成功地在 Android 设备上运行您的首个 Flex 手机应用程序。请注意,您的应用程序在设备上被称为 HelloWorld 调试。对于其他设备,您将需要连接特定设备并在“运行配置”对话框中选择合适的目标平台。

现在可以部署您的 HelloWorld 应用程序的发布版本。(发布版本一般是应用程序的最终版本。)

免费赠品:打包版本的应用程序

一旦您准备好发布应用程序的最终版本,例如至 Android 市场,您可以从 Flash Builder 将其导出:

1 在 Flash Builder 中打开项目,选择“项目”>“导出发布版本”。

2 在“导出发布版本”对话框中,确保您的 HelloWorld 项目出现在“项目”选择器中。HelloWorld.mxml 应出现在“应用程序”选择器中。

3 如果尚未连接,请将您的设备连接至计算机。

4 指定 “Android 包”(APK)文件的基本文件名或保留作为项目名称的默认值。

5 确保选中“每个目标平台的签署包”。单击“下一步”开始构建导出流程。

6 现在您必须选择用于签署应用程序的数字签名。从证书颁发机构获取可信任的签名,但现在您可以创建一份自签名证书。找到您现有的证书并输入密码或单击“创建”按钮,然后在“创建自签名数字证书”对话框中填写信息。(将您的姓名用作发行者姓名并在指出的位置输入密码。)

7 单击“浏览”以将您的证书保存至计算机。您输入的路径和文件名将出现在“另存为”字段(请参阅图 16)。单击“确定”返回至“导出发布版本”对话框。

8 下一步为可选步骤。单击“包内容”选项卡查看发布版本中包含的资源。这些是运行您的应用程序的必需文件,各个应用程序的这些文件均不相同。(包括更多可能增加最终包大小的资源,因此您需要仔细确定将手机应用程序发布至设备时所要包括的资源。)

9 单击“部署”选项卡并为“在任何连接的设备上安装并启动应用程序”选项加注释。如果您选择它,将自动推送 APK 文件至任何连接的 Android 设备。
单击“完成”。



图 16. 创建自签名的数字证书

祝贺您!Flash Builder 创建了发布版本(APK)文件并在您的设备上对其进行部署和安装。请注意发布版本被称为 HelloWorld,而则被称为 HelloWorld 调试的应用程序是您的测试应用程序。

注:如果未连接或识别任何设备,您将看到部署失败的警告。

您将在 Flash Builder 储存项目资源文件的默认文件夹中找到您的 APK 文件。

· Windows: C:\Users\<username>\Adobe Flash Builder 4.5\<project folder>

· Mac OS: HD/Users/<username>/Documents/Adobe Flash Builder 4.5/<project folder>

您现在可以将其作为应用程序提交至网上商店。

根据制造商的要求,每个平台的打包流程有所不同。阅读以下资源,了解更多关于打包额外平台的应用程序的信息:

· Apple iOS

· BlackBerry Tablet OS

附录二:

在 Flash Builder 中创建 Android 应用序

这是在 Google Android 平台上创建 Flex 移动设备应用程序的常规工作流。该工作流假设您已对移动设备应用程序进行了设计。有关更多信息,请参阅设计移动设备应用程序

Adobe 宣讲师 Mike Jones 通过提供 10 tips when developing for multiple devices 分享他在开发多平台游戏模式时汲取的一些经验。

AIR 要求

Flex 移动设备项目和 ActionScript 移动设备项目要求使用 AIR 2.6 或更高版本。可以在支持 AIR 2.6 或更高版本 AIR 的物理设备上运行移动设备项目。

只能在运行 Android 2.2 或更高版本的受支持 Android 设备上安装 AIR 2.6 或更高版本。有关支持的 Android 设备的完整列表,请参阅 Certified Devices。另外,查看移动系统要求中有关在 Android 设备上运行 Adobe AIR 的最低系统要求。

注: 如果没有支持 AIR 2.6 或更高版本 AIR 的设备,可以使用 Flash Builder 在桌面上启动和调试移动设备应用程序。

每个版本的 Flex SDK 中都包含所需版本的 Adobe AIR。如果在设备上从早期版本的 Flex SDK 安装了移动设备应用程序,请从该设备上卸载 AIR。当您在设备上运行或调试移动设备应用程序时,Flash Builder 将安装正确版本的 AIR。

创建应用程序

1.在 Flash Builder 中,选择“文件”>“新建”>“Flex 移动设备项目”。

Flex 移动设备项目是 AIR 项目的特殊类型。请遵循新建项目向导中的提示,就像 Flash Builder 中其它任何 AIR 项目一样。有关更多信息,请参阅 Flex 移动设备项目

要设置特定于 Android 的移动设备首选参数,请参阅设置移动设备项目首选参数

当您创建 Flex 移动设备项目时,Flash Builder 生成项目的以下文件:

ProjectName.mxml

项目的默认应用程序文件。

默认情况下,Flash Builder 使用项目名称来命名该文件。如果项目名称中包含非法 ActionScript 字符,则 Flash Builder 将该文件命名为 Main.mxml。此 MXML 文件中包含项目的基本 Spark 应用程序标签。基本 Spark 应用程序标签可以是 ViewNavigatorApplication 或 TabbedViewNavigatorApplication。

通常,除了在所有视图中显示的 ActionBar 内容外,不需将其它内容直接添加到默认应用程序文件中。要将内容添加至 ActionBar,请设置 navigatorContent、titleContent 或actionContent 属性。

ProjectNameHomeView.mxml

代表项目的初始化视图的文件。Flash Builder 在视图包中放置文件。ProjectName.mxml 中 ViewNavigatorApplication 标签的 firstView 属性将该文件指定为应用程序的默认打开视图。

有关定义视图的更多信息,请参阅定义移动设备应用程序中的视图

您也可以创建完全以 ActionScript 编写的移动设备项目。请参阅创建 ActionScript 移动设备项目

2 (可选)将内容添加至主应用程序文件的 ActionBar 中。

ActionBar 显示应用于应用程序或应用程序当前视图的内容和功能。在此添加要在应用程序的所有视图中显示的内容。请参阅定义移动设备应用程序中的导航控件、标题控件和操作控件

3 布置应用程序的初始视图的内容。

在设计模式或源代码模式下,使用 Flash Builder 将组件添加至视图中。

仅使用 Flex 支持用于移动设备开发的组件。在设计模式和源代码模式下,Flash Builder 将指导您如何使用支持的组件。请参阅用户界面和布局

在视图中,将内容添加至仅在该视图中可见的 ActionBar 中。

4 (可选)添加应用程序中要包括的任何其它视图。

在 Flash Builder 包资源管理器中,从项目中视图包的上下文菜单中,选择“新建 MXML 组件”。新建 MXML 组件向导将指导您如何创建视图。

有关视图的更多信息,请参阅定义移动设备应用程序中的视图

5 (可选)为 List 组件添加针对移动设备优化的项呈示器。

Adobe 提供 IconItemRenderer,这是一个与移动设备应用程序结合使用的、基于 ActionScript 的项呈示器。请参阅 Using a mobile item renderer with a Spark list-based control

6 配置启动配置以运行和调试应用程序。

可以在桌面或设备上运行或调试应用程序。

需要启动配置才可从 Flash Builder 运行或调试应用程序。首次运行或调试移动设备应用程序时,Flash Builder 将提示您配置启动配置。

在设备上运行或调试移动设备应用程序时,Flash Builder 将在设备上安装应用程序。

请参阅测试和调试

7 将应用程序导出为安装程序包。

使用“导出发行版”创建可以安装在移动设备设备上的包。Flash Builder 根据选择以用于进行导出的平台创建包。请参阅导出用于发行的 Android APK 包

Flex 方面的 Adobe 认证专家 Brent Arnold 创建了以下对您有帮助的视频教程:

Create a Flex mobile application with multiple views

Create a Flex mobile application using a Spark-based List control

附录3

连接 Google Android 设备

支持的 Android 设备

配置 Android 设备

安装 Android 设备的 USB 设备驱动程序 (Windows)

添加 Android USB 设备驱动程序配置

可以将 Google Android 设备连接到开发计算机,用以在 Android 设备上预览或调试应用程序。

支持的 Android 设备

Flex 移动设备项目和 ActionScript 移动设备项目要求使用 AIR 2.6 或更高版本的 AIR。您只能在支持 AIR 2.6 或更高版本的物理设备上运行或调试移动设备项目。

您可以在运行 Android 2.2 或更高版本的受支持 Android 设备上安装 AIR 2.6。有关受支持设备的列表,请参阅 http://www.adobe.com/flashplatform/certified_devices/。另外,查看移动系统要求中有关在 Android 设备上运行 Adobe AIR 的最低系统要求。

配置 Android 设备

要运行或调试 Android 设备上的 Flex 移动设备应用程序,请按如下指定启用 USB 调试:

1 在设备上,执行以下步骤以确保启用 USB 调试:

a.轻敲“主页”按钮以显示主屏幕。

b.转到“设置”,然后选择“应用程序”>“开发”。

c.启用 USB 调试。

2 使用 USB 电缆将设备连接到计算机。

3 将屏幕顶部的通知区域向下拉。您将看到“USB 已连接”或“USB 连接”。

a.轻敲“USB 已连接”或“USB 连接”。

b.如果出现一组包含“仅充电”模式的选项,则选择“仅充电”并轻敲“确定”。

c.如果您查看按钮以关闭大容量存贮模式,请单击按钮以关闭大容量存贮。

4 (仅限 Windows)为设备安装合适的 USB 驱动程序。请参阅安装 Android 设备的 USB 设备驱动程序 (Windows)

5 将屏幕顶部的通知区域向下拉。

如果“USB 调试”不作为条目出现,则如以上步骤 3 所述检查 USB 模式。确认 USB 模式未设置为 PC 模式。

注: 调试时需要其它配置。请参阅在设备上测试和调试移动设备应用程序

安装 Android 设备的 USB 设备驱动程序 (Windows)

设备驱动程序和配置

Windows 平台需要使用 USB 驱动程序的安装才可将 Android 设备连接到您的开发计算机。Flash Builder 提供多个 Android 设备的设备驱动程序和配置。

这些设备驱动程序配置列在 android_winusb.inf 中。安装设备驱动程序时,Windows 设备管理器访问该文件。Flash Builder 在以下位置安装了 android_winusb.inf:

<Adobe Flash Builder 4.6 Home>\utilities\drivers\android\android_winusb.inf
有关受支持设备的完整列表,请参阅 Certified devices。对于未列出的 Android 设备,可以使用 USB 驱动程序更新 android_winusb.inf。请参阅添加 Android USB 设备驱动程序配置

安装 USB 设备驱动程序

1 将 Android 设备连接至计算机的 USB 端口。

2 转到以下位置:

<Flash Builder>/utilities/drivers/android/

使用“Windows 发现新硬件”向导或“Windows 设备管理器”来安装 USB 驱动程序。

重要说明: 如果 Windows 仍无法识别您的设备,则需要安装设备制造商提供的适用 USB 驱动程序。OEM USB Drivers 中列出了几家设备制造商的 Web 站点链接,您可以从这些站点下载设备适用的 USB 驱动程序。

添加 Android USB 设备驱动程序配置

如果您的受支持 Android 设备未在安装 Android 设备的 USB 设备驱动程序 (Windows) 中列出,请更新 android_winusb.inf 文件以包含该设备。

1 将设备插入到计算机的 USB 端口中。Windows 通知您无法找到驱动程序。

2 使用“Windows 设备管理器”打开设备属性的“详细信息”选项卡。

3 选择“硬件 ID”属性以查看硬件 ID。

4 打开文本编辑器中的 android_winusb.inf。在以下位置找到 android_winusb.inf:

<Adobe Flash Builder 4.6 Home>\utilities\drivers\android\android_winusb.inf
5 记录文件中适用于您所用体系结构的列表:[Google.NTx86] 或 [Google.NTamd64]。该列表包含描述性的注释,以及带有硬件 ID 的一个或多个行,如下所示:

. . .
[Google.NTx86]
; HTC Dream
%CompositeAdbInterface% = USB_Install, USB\VID_0BB4&PID_0C02&MI_01
. . .
6 复制并粘贴注释和硬件列表。对于您要添加的设备驱动程序,请如下所示编辑列表:

a.对于注释,请指定设备名称。

b.使用上述第 3 步中确定的硬件 ID 替换硬件 ID。

例如:

. . .
[Google.NTx86]
; NEW ANDROID DEVICE
%CompositeAdbInterface% = USB_Install, NEW HARDWARE ID
. . .
7 使用“Windows 设备管理器”安装设备,如以上安装 Android 设备的 USB 设备驱动程序 (Windows) 中所述。

在安装期间,Windows 会显示一条警告,提示驱动程序来自未知的发行商。但是,驱动程序允许 Flash Builder 访问您的设备。

附录4

在设备上测试和调试移动设备应用程序

在 Google Android 设备上调试应用程序

调试应用程序前的准备工作

检查连接的设备

配置网络调试

调试应用程序

在 Apple iOS 设备上调试应用程序

您可以使用 Flash Builder 在开发桌面或设备上测试或调试移动设备应用程序。

可以基于所定义的启动配置测试和调试应用程序。Flash Builder 在运行应用程序和调试应用程序时共享相同的启动配置。使用 Flash Builder 在设备上调试应用程序时,Flash Builder 会在该设备上安装调试版本的应用程序。

注: 如果将发行版导出到设备,将安装应用程序的非调试版本。非调试版本不适用于调试。

有关更多信息,请参阅管理启动配置

在 Google Android 设备上调试应用程序

在 Android 设备上进行调试需要使用 Android 2.2 或更高版本。

您可以在以下任一情形中进行调试:

通过 USB 调试

要通过 USB 连接调试应用程序,您需要经由 USB 端口将设备连接到主机。通过 USB 进行调试时,Flash Builder 始终会将应用程序打包,然后在调试开始之前,在设备上安装和启动软件包。请确保在整个调试会话期间,您的设备与主机的 USB 端口相连。

通过网络调试

通过网络调试应用程序时,设备和主机必须位于同一网络中。设备和主机可以通过 WiFi、以太网或蓝牙连接到网络。 通过网络调试时,可使用 Flash Builder 调试已安装在所连设备上的应用程序,而无需重新安装应用程序。只有在打包期间以及在设备上安装应用程序的过程中,才需要通过 USB 端口将设备连接到主机。调试期间,可以将设备从 USB 端口中拔出。但请确保在整个调试会话期间,设备和主机之间保持网络连接。

调试应用程序前的准备工作

开始通过 USB 或网络进行调试之前,请执行以下步骤:

1 (Windows) 确保安装了合适的 USB 驱动程序。

在 Windows 上,安装 Android USB 驱动程序。有关更多信息,请参阅 Android SDK 内部版本随附的文档。有关更多信息,请参阅安装 Android 设备的 USB 设备驱动程序 (Windows)

2 确保在设备上启用了 USB 调试。

在设备设置中,转至“应用程序”>“开发”,然后启用 USB 调试。

检查连接的设备

您在设备上运行或调试移动设备应用程序时,Flash Builder 会检查连接的设备。如果 Flash Builder 找到一台连接的联机设备,则 Flash Builder 将部署和启动应用程序。否则,针对以下情况,Flash Builder 将启动“选择设备”对话框:

a.找不到连接的设备

b.找到一台连接的脱机设备或者其操作系统版本不受支持

C.找到多台连接的设备

如果找到多台设备,“选择设备”对话框将列出设备及其状态(联机或脱机)。选择要启动的设备。

“选择设备”对话框将列出操作系统版本和 AIR 版本。如果设备上未安装 AIR,则 Flash Builder 会自动进行安装。

配置网络调试

只要在通过网络调试应用程序时,才需要执行以下步骤。

通过网络调试应用程序前的准备工作

通过网络调试应用程序之前,请执行以下步骤:

1. 在 Windows 上,打开端口 7935(Flash Player 调试器端口)和端口 7(echo/ping 端口)。

有关详细说明,请参阅此 Microsoft TechNet 文章

在 Windows Vista 中,取消选择“Windows 防火墙中的无线网络连接”>“更改设置”>“高级”。

2 在您的设备中,配置“设置”>“无线和网络”中的无线设置。

选择主网络接口

您的主机可以同时连接到多个网络接口。但是只能选择一个主要的网络接口用于调试。可通过在 Android APK 包文件中添加主机地址来选择该接口。

1 在 Flash Builder 中,打开“首选参数”。

2 选择“Flash Builder”>“目标平台”。

对话框将列出主机上所有可用的网络接口。

3 选择要嵌入到 Android APK 包中的网络接口。

确保可以从设备访问选定的网络接口。如果设备建立连接后无法访问选定的网络接口,Flash Builder 会显示一个对话框,要求您输入主机的 IP 地址。

调试应用程序

1 通过 USB 端口或通过网络连接来连接设备。

2 选择“运行”>“调试配置”以配置要调试的启动配置。

a对于“启动方法”,请选择“设备上”。

b选择“通过 USB 进行调试”或“通过网络进行调试”。

首次通过网络调试应用程序时,可以通过 USB 将应用程序安装到设备上。为此,请选择“通过 USB 将应用程序安装到设备”,然后通过 USB 端口将设备连接到主机。

安装了应用程序后,如果在后续的调试会话中,不希望通过 USB 进行连接,请取消选择“通过 USB 将应用程序安装到设备”。

c(可选)每次启动时清除应用程序数据。

如果要对每次调试会话保持应用程序的状态,请选择此选项。仅当在您的应用程序中将 sessionCachingEnabled 设置为 True 时,此选项才适用。

3 选择“调试”以开始调试会话。

调试器启动并等待应用程序启动。调试器建立与设备的连接时,调试会话启动。

尝试通过网络在设备上进行调试时,应用程序有时会显示一个对话框,要求您输入 IP 地址。该对话框将指明调试器无法连接。确保设备已正确连接到网络,并且可通过该网络访问运行 Flash Builder 的计算机。

注: 在公司、酒店或其它来宾网络上,有时候设备无法连接到计算机,即使这两者都在同一网络中。

如果您通过网络进行调试,并且应用程序之前就已安装在设备上,则输入主机的 IP 地址即可开始调试。

Flex 方面的 Adobe 认证专家 Brent Arnold 创建了关于通过 USB 调试 Android 设备的应用程序的视频教程。

注:附录2.3.4均摘录”使用ADOBE FLEX4.6和ADOBE FLASH BUILDER4.6开发手机应用程序”其中除了有关ANDROID的开发外还有关于IOS的部分内容。

在NewPictureView中,关于手指控制图片大小的代码还有很多改进的地方,希望大家看到后多多给我留言和提建议。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐