简单谈谈eclipse下搭建PhoneGap环境来开发Android程序 - linux86

最新推荐文章于 2018-07-26 13:48:42 发布

转载最新推荐文章于 2018-07-26 13:48:42 发布 · 772 阅读

Mobile开发专栏收录该内容

52 篇文章

订阅专栏

本文介绍了如何使用PhoneGap框架快速搭建并开发Android应用程序的方法。通过整合HTML、CSS及JavaScript等网页技术，实现了一款简单应用的制作流程。

原来在逛园子的时候一不小心发现了一个新概念“PhoneGap”简称PG，我一直都喜欢追逐新事物，自然就产生了好奇心。于是乎我就在百度上面Google了一下PhoneGap是什么东西。简单的说就是用另一种方式来开发Android应用程序，大体上用到HTML，CSS，JavaScript等一些网页技术。事情过去有一段时间，本来也忘了这件事，谁知无意中发现了一个特别好看的网站，而且我想把它运行在手机上面，也可以给其他小盆友们看看，遂用了半天时间来查阅资料，将环境搭建整齐，下面是我搭建环境的步骤简介。

第一步，当然是下载PhoneGap相关的东西，网址是:

http://www.phonegap.com/install/

下面来一张截图，以表我真的打开了这个网站。

截止到我发稿，版本已经到2.9.1，我刚开始下载的是2.9.1，发现没有找到需要的jar，然后就下载的是2.9.0，在里面找到了我需要的东西，好了，我假装你已经下载下来这个东西了，如下图。

打开lib目录，然后找到android目录，会是下面这个样子。

图中画线的需要用到，好了开始下面的工作。

第二步，新建一个普通的Android工程，此处略去一些字。

第三步，开始部署环境。把XML文件夹这个copy到res目录下面，下图。

在AndroidManifest文件中加入下面代码。

 1  <supports-screens
 2         android:anyDensity="true"
 3         android:largeScreens="true"
 4         android:normalScreens="true"
 5         android:resizeable="true"
 6         android:smallScreens="true"
 7         android:xlargeScreens="true" />
 8 
 9     <uses-permission android:name="android.permission.CAMERA" />
10     <uses-permission android:name="android.permission.VIBRATE" />
11     <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
12     <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
13     <uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />
14     <uses-permission android:name="android.permission.INTERNET" />
15     <uses-permission android:name="android.permission.RECEIVE_SMS" />
16     <uses-permission android:name="android.permission.RECORD_AUDIO" />
17     <uses-permission android:name="android.permission.RECORD_VIDEO" />
18     <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
19     <uses-permission android:name="android.permission.READ_CONTACTS" />
20     <uses-permission android:name="android.permission.WRITE_CONTACTS" />
21     <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
22     <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
23     <uses-permission android:name="android.permission.GET_ACCOUNTS" />
24     <uses-permission android:name="android.permission.BROADCAST_STICKY" />

接下来将cordova.jar文件复制到libs目录下面，向下面这样。

再将jar包加入工程，右键刚才的jar，然后向下面这样操作。

这一步也完成，下面再整合html等文件。

在assets目录下面新建一个www目录，然后我建立了一个index.html，同时也把js文件复制过去了，但是这个工程我没有用到js文件。

我在html中写了几行代码，很简单。

1 <html>
2 <body>
3     <h1>Hello</h1>
4 </body>
5 </html>

最后，改一下你的java文件就ok了，代码是这个样子。

 1 import org.apache.cordova.DroidGap;
 2 
 3 import android.os.Bundle;
 4 
 5 public class MainActivity extends DroidGap {
 6 
 7     @Override
 8     public void onCreate(Bundle savedInstanceState) {
 9         // TODO Auto-generated method stub
10         super.onCreate(savedInstanceState);
11         super.loadUrl("file:///android_asset/www/index.html");
12     }
13 
14 }