使用Eclipse ADT构建PhoneGap入门程序

最新推荐文章于 2024-09-23 15:39:43 发布

东语~

最新推荐文章于 2024-09-23 15:39:43 发布

阅读量803

点赞数 1

分类专栏： hybird 文章标签： eclipse phoneGap

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/psp0001060/article/details/52502642

版权

hybird 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

本文主要介绍使用Eclipse ADT构建PhoneGap入门程序。

源码请于http://download.csdn.net/detail/psp0001060/9627521下载

1.安装Eclipse ADT

  -----已经集成了Android 开发环境

下载地址http://pan.baidu.com/s/1i5K2WW9

2.安装phoneGap

下载地址http://pan.baidu.com/s/1dE4fNDv

3.在 Eclipse 中创建项目

在 Eclipse 中创建新的 Android 项目：

Eclipse 创建了一个空白的 Android 项目。但是，并未将它配置为使用 PhoneGap。接下来，您需要执行以下操作

在新 Android 项目内创建一个 assets/www 目录和一个 libs 目录。PhoneGap 应用程序界面的所有 HTML 和 JavaScript 均将驻留在 assets/www 文件夹内（参见图 1）。

图 1. 新项目目录。

要将 PhoneGap 的必要文件复制到项目内，首先找出下载 PhoneGap 的目录，然后导航至 lib/android 子目录（参见图 2）。

图 2. PhoneGap lib/android 目录。

将 cordova-1.5.0.js 复制到 Android 项目内的 assets/www 目录。
将 cordova-1.5.0.jar 复制到 Android 项目内的 libs 目录。
将 xml 目录复制到 Android 项目内的 res 目录（参见图 3）。

图 3. 复制资源。

接下来，在 assets/www 文件夹中创建一个名为 index.html 的文件。此文件将用作 PhoneGap 应用程序界面的主要入口点
在 index.html 中，添加以下 HTML 代码作为用户界面开发的起点：

<!DOCTYPE HTML>
<html>
 <head>
  <title>PhoneGap</title>
  <script type="text/javascript" charset="utf-8" src="cordova-2.0.0.js"></script>
  <script type="text/javascript">
	function show(){
		alert("hi");
	};
  </script>
 </head>
 <body>
    <h1>Hello PhoneGap</h1>
    <input text="hello"/>
	<input type="button" value="alert" οnclick="show()"/>
	<a href="new 2.html"> toSecond</a> 
 </body>
</html>

您需要将 cordova-1.5.0.jar 库添加到该 Android 项目的构建路径。右键单击 cordova-1.5.0.jar，然后选择 Build Path > Add To Build Path（参见图 4）。

图 4. 将 cordova-1.5.0.jar 添加至构建路径。

更新 Activity 类

将程序的入口Activity修改如下。

配置项目AndroidManifest.xml 文件

1. 在 AndroidManifest.xml 中，添加以下 supports-screen XML 节点作为 manifest 根节点的子节点

<supports-screens
    android:largeScreens="true"
    android:normalScreens="true"
    android:smallScreens="true"
    android:resizeable="true"
    android:anyDensity="true"
    />

supports-screen 节点可识别您应用程序支持的屏幕大小。您可以通过更改此条目的内容来调整屏幕和外观设置支持。要阅读有关<supports-screens>,的更多信息，请访问 Android 开发人员主题 – 支持屏幕元素。

接下来，您需要为 PhoneGap 应用程序配置权限。

2.复制以下<uses-permission> XML 节点，并粘贴它们作为 AndroidManifest.xml 文件<manifest> 根节点的子节点：

<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" />
<uses-permission android:name="android.permission.BROADCAST_STICKY" />

<uses-permission>XML 值可识别您要为应用程序启用的功能。上述代码行可启用 PhoneGap 所有功能正常运行所需的全部权限。构建完应用程序后，您可能希望删除不会实际用到的所有权限；这将会删除应用程序安装过程中出现的安全警告。要阅读有关 Android 权限和 <uses-permission> 元素的更多信息，请访问 Android 开发人员主题 – 用户权限元素。

应用程序权限配置完毕后，您需要修改现有的 <activity> 代码。

3. 您需要再为 org.apache.cordova.DroidGap 类创建一个 <activity> 节点。添加下面的 <activity> 节点作为现有 <activity> XML 节点的同级节点。

        <activity 
		    android:name=".MainActivity" 
		    android:label="@string/app_name" 
		    android:configChanges="orientation|keyboardHidden"> 
		    <intent-filter>
		         <action android:name="android.intent.action.MAIN" />
            	 <category android:name="android.intent.category.LAUNCHER" />
		    </intent-filter> 
		</activity>