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

书史足自悦,安用勤与劬。这篇文章主要讲述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
HTML5移动开发之路(24)—— PhoneGap Android开发环境搭建

文章图片

二、搭建环境

1、参考这个example我们创建我们的工程,并在assets目录下新建www目录,在res目录下建立xml目录(直接将example中的目录拷贝)
HTML5移动开发之路(24)—— PhoneGap Android开发环境搭建

文章图片

2、在libs目录下添加cordova-2.9.0.jar
HTML5移动开发之路(24)—— PhoneGap Android开发环境搭建

文章图片

3、修改MainActivity如下
 
[java]  view plain  copy
 
  print?
HTML5移动开发之路(24)—— PhoneGap Android开发环境搭建

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

文章图片

  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. 【HTML5移动开发之路(24)—— PhoneGap Android开发环境搭建】}   
4、在AndroidMainfest.xml中添加权限 
 
[html]  view plain  copy
 
  print?
HTML5移动开发之路(24)—— PhoneGap Android开发环境搭建

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

文章图片

  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目录 
三、运行结果
 
HTML5移动开发之路(24)—— PhoneGap Android开发环境搭建

文章图片

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



    推荐阅读