1
回答
基于PhoneGap的Android应用开发-Get started
利用AWS快速构建适用于生产的无服务器应用程序,免费试用12个月>>>   

PhoneGap是一款开源的手机应用开发平台,它仅仅只用HTML和JavaScript语言就可以制作出能在多个移动设备上运行的应用。 PhoneGap将移动设备本身提供的复杂的API进行了抽象和简化,提供了一系列丰富的API供开发者调用,只要你会HTML和Javascript或 者Java语言,就可以利用PhoneGap提供的API去调用各种功能,PhoneGap就能让你可以制作出在各种手机平台上运行的应用,这对移动应用 开发者来说无疑是个福音。 目前,PhoneGap已实现对iPhone/ipad、Android、Symbian,Palm、黑莓各版本绝大部分功能的支持,其中官方文档中对其 有详细的说明。

PhoneGap官方网站上有详细的入门示例教程,这里,我针对使用PhoneGap进行Android移动应用的开发对其官网的Get Started进行一些介绍、补充。

Step 1、

选择你想要进行开发的移动平台,点击Android图标

Step2、

需要安装的软件-Eclipse3.4以上版本 (注:当然也有不需要Eclipse的方法,但是不推荐,此处不涉及)

Step3、

安装SDK+PhoneGap

(1)安装Eclipse 

(2)下载安装JDK (java SDK)。android SDK 依赖于JDK,所以必须先安装JDK 。JDK 安装好以后,需要配置系统环境变量。

(3)下载安装Android SDK 。同JDK设置环境变量一样,需要设置ADK的环境变量为(以我安装ADK的路径为例) M:\Program Files\Android\android-sdk\platform-tools

(4)下载安装ADT Plugin ,ADT Plugin 是一款Eclipse的插件,用于快速开发Android应用。

(5)下载最新版本的PhoneGap

以上所有都安装好以后,再进行下一步

Step4、

a.打开Eclipse,选择文件->新建->其他->Android Project

这一步如果遇到No target available ,是因为ADK环境没配置好 首选项—>android—>选择android-sdk的路径,然后点击应用即可。(需要重新启动Eclipse)

b.在新建项目的根目录下,创建两个目录

  • /libs
  • /assets/www

c.解压PhoneGap文件夹,复制phonegap.js文件到/assets/www 目录下,复制phonegap.jar文件到libs目录下

d.需要对Eclipse下项目的App.java文件(src文件夹内)进行一些配置(如图所示)

  • 修改类的继承 将Activity 修改为 DroidGap
  • setContentView() 这一行修改为super.loadUrl("file:///android_asset/www/index.html");
  • 添加 import com.phonegap.*;

有可能在这里会遇到一个错误,显示Eclipse找不到phonegap-0.9.2.jar ,右键点击/libs文件夹,Build Paths(构建路径)/ > Configure Build Paths(配置构建路径) 在library(库)栏向工程中添加phonegap-0.9.4.jar ,可能需要按一次F5刷新。

e.右键点击AndroidManifest.xml文件,选择Open With > Text Editor(打开方式->文本编辑器

f.粘贴下面的授权信息至版本名称后面(如图所示)

<supports-screens
android:largeScreens="true"
android:normalScreens="true"
android:smallScreens="true"
android:resizeable="true"
android:anyDensity="true"
/>
<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.VIBRATE" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.RECEIVE_SMS" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
<uses-permission android:name="android.permission.READ_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

g.向activity标记中添加android:configChanges="orientation|keyboardHidden” (如上图所示)

Step5、

(1)新建一个index.html文件至/assets/www目录下

(2)粘贴下面的代码至index.html文件中

<!DOCTYPE HTML>
<html>
<head>
<title>PhoneGap</title>
<script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>

Step6、

(1)右键点击项目,选择 运行方式-> Android Application

(2)Eclipse可能会询问你选择一个AVD(Android运行的虚拟设备),如果没有,你可以创建一个(建议选择2.2版本)

注意:运行时初始启动较慢,需要耐心等待几分钟。

如果你看到了下面这张图,恭喜你,helloworld运行成功!

Step7、

(1)确保你的设备上开启了USB debug模式,并且通过USB线将它连接到电脑上(你的设备:设置->应用->开发)

(2)右键点击项目,选择 运行方式-> Android Application

OK ! 如果不出意外的话,你的第一个Android版应用 Hello World!就已经大功告成了。接下来,你可以参阅PhoneGap wiki 学习更多的应用开发知识。

声明:以上大部分文字和图片引自PhoneGap Get Started –Android

原文转自:http://blog.spbk.net/

举报
无鸯
发帖于6年前 1回/1K+阅
顶部