基于PhoneGap的Android应用开发：Getstarted

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

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

Step2、需要安装的软件-Eclipse3.4以上版本

Step3、安装SDK+PhoneGap

(1)安装Eclipse3.4，我安装使用的为3.6版本中文语言包(如果你使用的是英文原版，下面的一些操作请自行和我的中文描述对应)，ADT Plugin要求使用3.5.1以上版本。如果你对Eclipse不了解，不知道使用哪种版本的，建议下载Eclipse Classic版本。Eclipse为绿色版软件，下载后解压到任意位置均可使用。

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

(3)下载安装Android SDK (android官方下载地址不可直接访问，华军有当前最新版本的SDK下载，访问这里)。同JDK设置环境变量一样，需要设置ADK的环境变量为(以我安装ADK的路径为例) M:\Program Files\Android\android-sdk\platform-tools

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

(5)下载最新版本的PhoneGap

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

Step4

◆打开Eclipse，选择文件->新建->其他->Android Project

并建立一个专案本文以 [helloinside]为名称，分别输入专案的属性为

Application name：helloinside

Package name：com.phonegap.helloinside

Create Activity：app

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

注：目前PhoneGap 0.9.3用Android 2.3以上版本会出错，所以Build Target请选 Android 2.2以下的版本。

 
 
 
 
  
  
  
  /libs
  
  
  
  
  
  
  
  /assets/www

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

◆需要对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刷新。

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

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

 
 
 
 
  
  
  
  
  
  
  
  
android:largeScreens="true"
  
  
  
  android:normalScreens="true"
  
  
  
  android:smallScreens="true"
  
  
  
  android:resizeable="true"
  
  
  
  android:anyDensity="true"
  
  
  
  />

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

Step5

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

◆粘贴下面的代码至index.html文件中

 
 
 
 
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  PhoneGap
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  Hello World!

Step6

◆右键点击项目，选择运行方式-> Android Application

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

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

如果你看到了下面这张图，恭喜你，hello world运行成功!

Step7

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

◆右键点击项目，选择运行方式-> Android Application

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

reference:http://www.phonegap.com/start#android

原文教学影片：http://www.youtube.com/watch?v=MzcIcyBYJMA

本文题目：基于PhoneGap的Android应用开发：Getstarted
文章网址：http://www.shufengxianlan.com/qtweb/news45/389895.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容