Android平台搭建PhoneGap: Hello world !

来源：互联网发布：雷盾网络验证怎么样编辑：程序博客网时间：2024/06/05 09:49

PhoneGap 已经不是什么新技术了，对于一些交互性不是很强，以浏览信息为主的APP来说 PhoneGap 确实很很好的选择，最主要不用为开发多个平台的终端投入大量成本，基于这几点我们开始使用PhoneGap。
网上也有大量的关于PhoneGap 的介绍，由于Eclipse、PhoneGap 的版本都在持续更新，当然我们的帮助日志也要更新。

搭建android开发环境
创建一个Android project
加入要依赖的文件
修改启动文件
修改AndroidManifest.xml
Run App

1.搭建android开发环境

JDK安装
Eclipse安装
Android SDK安装
ADT安装

具体详细安装过程可以参考：http://www.cnblogs.com/skynet/archive/2010/04/12/1709892.html

2.创建一个Android project

通过File -> New -> Project 菜单，建立新项目"Android Application Project"
填写项目名称、相关的SDK版本支持（如下图）

Next: Configure Project，是否自定义图标,是不创建一个Activity, 我们勾选Create activity （其实这里我们用不到这个Activity,后面还是会修改掉，为了便于我测试一下环境是否正常，我先创建一个）
Next: 如果你勾选了Create activity 就会让你选择一个activity 类型，我们选择一个空白的： Blank Activity。
Next：输入Activity name ,Layout name 。
Finish：这样我们一Android 的项目创建完成，目录如下：

运行一下，项目右键->Run as-> Android Application ，如果最终模拟器运行如下就证明我们的 Android 环境正常。

3.加入要依赖的文件

下载PhoneGap 下载地址 http://phonegap.com/install/ 我当前下载的最新版本是2.9.0
解压下载文件，我们可以看到一个doc目录，是phonegap 的帮助资料，便于我们开发过程中查看。我们需要的包 lib/android 文件目录下,我们需要3个文件
- phonegap jar包：cordova-2.9.0.jar
- 客户端处理 js ：cordova.js
- 配置文件：xml/config.xml
把cordova-2.9.0.jar 放到项目libs 目录下，同时加入到项目依赖。
config.xml 文件连同xml 目录放到res 目录下
在项目assets目录下我们创建一个www 文件，把 cordova.js 放到改目录下，同时我们创建一个首页文件 index.html ，编辑内容如下：

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

4.修改启动文件

把我们默认创建的MainActivity.java 文件重命名 App.java , App类继承 DroidGap
修改onCreate函数为public, 加载我们的首页文件：super.loadUrl(Config.getStartUrl())，等同于：super.loadUrl("file:///android_asset/www/index.html") ，只是这里的 file 文件被我们写在了 xml/config 文件中<content src="index.html" />
删除不需要的代码，最终该类修改如下：

package com.example.helloworld;import org.apache.cordova.Config;import org.apache.cordova.DroidGap;import android.os.Bundle;public class App extends DroidGap {    @Override    public void onCreate(Bundle savedInstanceState) {         super.onCreate(savedInstanceState);                  super.loadUrl(Config.getStartUrl());    }}

5.修改AndroidManifest.xml

设置supports-screens，应用占满整个屏幕：

    <supports-screens        android:largeScreens="true"        android:normalScreens="true"        android:smallScreens="true"        android:xlargeScreens="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.INTERNET" />    <uses-permission android:name="android.permission.RECEIVE_SMS" />    <uses-permission android:name="android.permission.RECORD_AUDIO" />    <uses-permission android:name="android.permission.RECORD_VIDEO"/>    <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" />    <uses-permission android:name="android.permission.GET_ACCOUNTS" />    <uses-permission android:name="android.permission.BROADCAST_STICKY" />

6.Run App

项目右键->Run as-> Android Application ，如果不出问题你就会得到以下界面：(PhoneGap Helloworld 就完成了)

0 0