PhoneGap Android环境搭建
其中标红的三个文件夹是我们需要用到的。
二.新建一个PhoneGap项目
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <title>PhoneGap</title> 5 <script type="text/javascript" charset="utf-8" src="cordova-2.0.0.js"></script> 6 </head> 7 <body> 8 <h1>Hello World</h1> 9 </body> 10 11 </html>
5.将以下权限配置的xml内容copy到AndroidManifest.xml文件中:
1 <supports-screens 2 3 android:largeScreens="true" 4 5 android:normalScreens="true" 6 7 android:smallScreens="true" 8 9 android:resizeable="true" 10 11 android:anyDensity="true" 12 13 /> 14 15 <uses-permission android:name="android.permission.CAMERA" /> 16 17 <uses-permission android:name="android.permission.VIBRATE" /> 18 19 <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" /> 20 21 <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" /> 22 23 <uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" /> 24 25 <uses-permission android:name="android.permission.READ_PHONE_STATE" /> 26 27 <uses-permission android:name="android.permission.INTERNET" /> 28 29 <uses-permission android:name="android.permission.RECEIVE_SMS" /> 30 31 <uses-permission android:name="android.permission.RECORD_AUDIO" /> 32 33 <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" /> 34 35 <uses-permission android:name="android.permission.READ_CONTACTS" /> 36 37 <uses-permission android:name="android.permission.WRITE_CONTACTS" /> 38 39 <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" />
android:configChanges="orientation|keyboardHidden
这是为了保证机器在横竖屏切换的时候不会重新执行Activity的onCreate方法;
7.AndroidManifest.xml最后看起来会像这样:
1 <?xml version="1.0" encoding="utf-8"?> 2 <manifest xmlns:android="http://schemas.android.com/apk/res/android" 3 package="com.example.shawn" 4 android:versionCode="1" 5 android:versionName="1.0"> 6 <supports-screens 7 android:anyDensity="true" 8 android:largeScreens="true" 9 android:normalScreens="true" 10 android:resizeable="true" 11 android:smallScreens="true" 12 android:xlargeScreens="true" /> 13 14 <uses-permission android:name="android.permission.CAMERA" /> 15 <uses-permission android:name="android.permission.VIBRATE" /> 16 <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" /> 17 <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" /> 18 <uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" /> 19 <uses-permission android:name="android.permission.INTERNET" /> 20 <uses-permission android:name="android.permission.RECEIVE_SMS" /> 21 <uses-permission android:name="android.permission.RECORD_AUDIO" /> 22 <uses-permission android:name="android.permission.RECORD_VIDEO" /> 23 <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" /> 24 <uses-permission android:name="android.permission.READ_CONTACTS" /> 25 <uses-permission android:name="android.permission.WRITE_CONTACTS" /> 26 <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> 27 <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> 28 <uses-permission android:name="android.permission.GET_ACCOUNTS" /> 29 <uses-permission android:name="android.permission.BROADCAST_STICKY" /> 30 31 <uses-sdk android:minSdkVersion="8" android:targetSdkVersion="15" /> 32 33 <application android:label="@string/app_name" 34 android:icon="@drawable/ic_launcher" 35 android:theme="@style/AppTheme"> 36 <activity 37 android:name="outer" 38 android:configChanges="orientation|keyboardHidden" 39 android:label="@string/app_name" > 40 <intent-filter> 41 <action android:name="android.intent.action.MAIN" /> 42 <category android:name="android.intent.category.LAUNCHER" /> 43 </intent-filter> 44 </activity> 45 </application> 46 </manifest>
其中<application>标签我们可以看做是我们当前的应用,而<activity>代表我们应用内的一个界面,<intent-filter>标签里我们给当前页面设置了一个权限
android.intent.action.MAIN表示是最先启动的的界面;
android.intent.category.LAUNCHER决定应用程序是否显示在程序列表里;
另外需要注意的是:
1 <activity 2 android:name="outer" 3 android:configChanges="orientation|keyboardHidden" 4 android:label="@string/app_name" >
我们的<activity>标签中有这样一个类名outer,我们可以自己定义它,一会儿我们会用到这个类名。
8.在刚刚新建的Android Project中找到libs目录并在cordova-2.0.0.jar上点击右键,选择 Build Path->Add to Build Path
1 package com.example.shawn; 2 3 import android.os.Bundle; 4 import org.apache.cordova.*; 5 6 public class outer extends DroidGap { 7 @Override 8 public void onCreate(Bundle savedInstanceState) 9 { 10 super.onCreate(savedInstanceState); 11 super.loadUrl("file:///android_asset/www/index.html"); 12 } 13 }
package com.example.shawn;这句话是干嘛的呢?这是java中常用的,类似于文件的姓氏,看看文件树就知道了,这是放在文件前面定位用的。
public class outer extends DroidGap;这里将outer类继承为DroidGap,同时本文件的文件名也要注意保持一致(outer.java),否则会报错。
super.loadUrl("file:///android_asset/www/index.html");这句话大家可以理解为加载一个网页,这个路径大家很熟悉,就是我们的首页。透过这句话我们也可以看到phoneGap最根本的东西,就是在原生语言与网页语言之间架一座桥。
然后就可以在模拟器下试着运行一下这个项目,成功的话会出现Hello World的界面。
ok了,至此为止,phonegap的android开发环境就搭建好了,您可以基于phonegap编写自己的android应用了!