HTML5移动开发之路(24)—— PhoneGap Android开发环境搭建

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML5移动开发之路(24)—— PhoneGap Android开发环境搭建相关的知识,希望对你有一定的参考价值。

本文为 兄弟连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

技术分享

二、搭建环境

1、参考这个example我们创建我们的工程,并在assets目录下新建www目录,在res目录下建立xml目录(直接将example中的目录拷贝)

技术分享

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

技术分享

3、修改MainActivity如下

 

[java] view plain copy

 

 print?技术分享技术分享

  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?技术分享技术分享

  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目录

 

三、运行结果

 

技术分享

 

源代码下载:http://download.csdn.NET/detail/lxq_xsyu/7178511


以上是关于HTML5移动开发之路(24)—— PhoneGap Android开发环境搭建的主要内容,如果未能解决你的问题,请参考以下文章

HTML5移动开发之路(30)—— JavaScript回顾5

HTML5移动开发之路(23)—— jQuery Mobile入门

HTML5移动开发之路(27)—— JavaScript回顾2

HTML5移动开发之路(28)—— JavaScript回顾3

HTML5移动开发之路(29)—— JavaScript回顾4

HTML5的崛起之路——不只是励志剧,还是宫斗剧