原来在逛园子的时候一不小心发现了一个新概念“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 }
第四步,运行你的程序。
到此基本结束,简单的搭建和编写一个小程序,亲自试试,半天就可以搞定。