HTML5移動開發之路（24）—— PhoneGap Android開發環境搭建

標籤：   android   example   

本文為 兄弟連IT教育 機構官方 HTML5培訓 教程，主要介紹：HTML5移動開發之路（24）—— PhoneGap Android開發環境搭建

有關JDK及Android開發環境的搭建請看我前面的博文：http://blog.csdn.net/dawanganban/article/details/9748497

一、下載PhoneGap

：http://phonegap.com/install/  我下載的是最新的PhoneGap 2.9.1

將下載好的PhoneGap解壓縮，可以看到裡面有一個example

650) this.width=650;" src="http://img.blog.csdn.net/20140114220551281?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZGF3YW5nYW5iYW4=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" style="border:0px;" />

二、搭建環境

1、參考這個example我們建立我們的工程，並在assets目錄下建立www目錄，在res目錄下建立xml目錄（直接將example中的目錄拷貝）

650) this.width=650;" src="http://img.blog.csdn.net/20140114220345312?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZGF3YW5nYW5iYW4=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" style="border:0px;" />

2、在libs目錄下添加cordova-2.9.0.jar

650) this.width=650;" src="http://img.blog.csdn.net/20140114221026265?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZGF3YW5nYW5iYW4=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" style="border:0px;" />

3、修改MainActivity如下

 

[java] view plain copy

 

 print?650) this.width=650;" src="https://code.csdn.net/assets/CODE_ico.png" alt="在CODE上查看代碼片" width="12" height="12" style="border:0px;" />650) this.width=650;" src="https://code.csdn.net/assets/ico_fork.svg" alt="派生到My Code片" width="12" height="12" style="border:0px;" />

1. package com.example.hellomobile;  

2.   

3. import android.os.Bundle;  

4. //import android.app.Activity;  

5. import android.view.Menu;  

6. import org.apache.cordova.*;  

7.   

8. public class MainActivity extends DroidGap {  

9.   

10.     @Override  

11.     public void onCreate(Bundle savedInstanceState) {  

12.         super.onCreate(savedInstanceState);  

13.         //setContentView(R.layout.activity_main);  

14.         super.setIntegerProperty("splashscreen", R.drawable.splash);  

15.         super.loadUrl("file:///android_asset/www/index.html", 2000);  

16.     }  

17. }  

4、在AndroidMainfest.xml中添加許可權

 

 

[html] view plain copy

 

 print?650) this.width=650;" src="https://code.csdn.net/assets/CODE_ico.png" alt="在CODE上查看代碼片" width="12" height="12" style="border:0px;" />650) this.width=650;" src="https://code.csdn.net/assets/ico_fork.svg" alt="派生到My Code片" width="12" height="12" style="border:0px;" />

1. <uses-permission android:name="android.permission.CAMERA" />  

2. <uses-permission android:name="android.permission.VIBRATE" />  

3. <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />  

4. <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />  

5. <uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />  

6. <uses-permission android:name="android.permission.INTERNET" />  

7. <uses-permission android:name="android.permission.RECEIVE_SMS" />  

8. <uses-permission android:name="android.permission.RECORD_AUDIO" />  

9. <uses-permission android:name="android.permission.RECORD_VIDEO" />  

10. <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />  

11. <uses-permission android:name="android.permission.READ_CONTACTS" />  

12. <uses-permission android:name="android.permission.WRITE_CONTACTS" />  

13. <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />  

14. <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />  

15. <uses-permission android:name="android.permission.GET_ACCOUNTS" />  

16. <uses-permission android:name="android.permission.BROADCAST_STICKY" />  

5、將上一篇文章中的代碼放入www目錄

 

三、運行結果

 

650) this.width=650;" src="http://img.blog.csdn.net/20140114221638328?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZGF3YW5nYW5iYW4=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" style="border:0px;" />

 

原始碼下載：http://download.csdn.NET/detail/lxq_xsyu/7178511

HTML5移動開發之路（24）—— PhoneGap Android開發環境搭建