美轮美奂的phonegap(一)---phonegap环境的搭建

最新推荐文章于 2018-08-14 15:07:47 发布

Senssic

最新推荐文章于 2018-08-14 15:07:47 发布

阅读量755

点赞数

分类专栏： phonegap

本文链接：https://blog.csdn.net/Senssic/article/details/26406825

版权

phonegap 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

1.准备工作

下载phonegap：

http://phonegap.com/install/

下载安卓开发集成平台

http://developer.android.com/sdk/index.html#download

2.搭建环境

安装好jdk安装好安卓开发平台配置安卓模拟器

下载需要的安卓版本

配置调试运行的模拟器

就可以新建一个项目了，采用默认就会生成一个简单的安卓项目，自己可以先运行下。

2.集成phonegap

1)解压下载的phonegap将对应的文件分别拷贝到如下目录

xml整个文件夹--->拷贝到项目的res目录下

cordova-2.9.0.jar--->拷贝到项目的libs目录下

cordova.js--->在assets目录下新建www目录，将cordova.js拷贝到www目录中

2.修改目录中的AndroidManifest.xml文件复制如下代码添加到其中：

<supports-screens
         android:largeScreens="true"
          android:normalScreens="true"
          android:smallScreens="true"
     android:resizeable="true"
     android:anyDensity="true"
/>
<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.VIBRATE" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.RECEIVE_SMS" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
<uses-permission android:name="android.permission.READ_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_CONTACTS" />
<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" />

并在activity中添加：android:configChanges="orientation|keyboardHidden"

3.修改MainActivity的代码如下整合到phonegap中

package com.senssic.hello;

import org.apache.cordova.Config;
import org.apache.cordova.DroidGap;

import android.os.Bundle;



public class MainActivity extends DroidGap {

    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        // Set by <content src="index.html" /> in config.xml
        super.loadUrl("file:///android_asset/www/index.html");
        //super.loadUrl("file:///android_asset/www/index.html")
    }
}

4.在www目录中添加index.html用来作为程序的入口界面：

<!DOCTYPE html>

<html>
    <head>
        <meta charset="utf-8"/>
        <meta name="format-detection" content="telephone=no"/>
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
        <link rel="stylesheet" type="text/css" href="css/index.css" />
        <title>Hello World</title>
    </head>
    <body>
      nihao  shijie
        <script type="text/javascript" src="cordova.js"></script>
        <script type="text/javascript">
            app.initialize();
        </script>
    </body>
</html>

5.保存后在AndroidManifest.xml右键run as选择android application选择调试器，或者将你自己的手机插上去，运行在自己的手机上即可