`
bk_lin
  • 浏览: 336155 次
社区版块
存档分类
最新评论

android PhoneGap 的入门例子

阅读更多

 

1,到 PhoneGap 官方网站下载相关文件。

2,新建一个 Android 工程。

3,将下载后的相关文件添加到 Android 工程的相关目录,如下图:

phonegap

phonegap

4,将如下权限添加到 AndroidManifest.xml 文件中。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<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" />
<uses -permission android:name="android.permission.BROADCAST_STICKY" />

5,在应用的 Activity 中添加 android:configChanges=”orientation|keyboardHidden” 属性,如下所示:

1
2
3
4
5
6
7
8
9
10
<application android:icon="@drawable/icon" android:label="@string/app_name">
        <activity android:name=".PhoneGapActivity"
                  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>
        </activity>
</application>

6,修改 PhoneGapActivity.java 类,让其继承 DroidGap.java,并且将 setContentView(R.layout.main) 替换为 super.loadUrl(“file:///android_asset/www/index.html”)。

1
2
3
4
5
6
7
8
9
10
11
12
13
package net.androidla.phonegap;
 
import org.apache.cordova.DroidGap;
import android.os.Bundle;
 
public class PhoneGapActivity extends DroidGap {
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //setContentView(R.layout.main);
        super.loadUrl("file:///android_asset/www/index.html");
    }
}

7,在 /assets/www 目录下新建一个 index.html 文件,内容如下:

1
2
3
4
5
6
7
8
9
10
< !DOCTYPE HTML>
<html>
<head>
<title>PhoneGap</title>
<script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>

8,最后启动应用,在我的手机上的运行效果如下图:

phonegaphelloworld2

phonegaphelloworld2

入门参考:http://phonegap.com/start#android

API Docs:http://docs.phonegap.com/en/1.5.0/index.html

分享到:
评论

相关推荐

    android之PhoneGap入门实例

    在"android之PhoneGap入门实例"中,我们首先需要了解PhoneGap的安装和配置过程。开发者需要在本地安装Java Development Kit (JDK)、Android SDK以及Apache Ant等必备工具。然后,通过PhoneGap CLI(命令行接口)或...

    phonegap入门经典源码

    PhoneGap入门经典源码是针对初学者的一份宝贵资源,旨在深入浅出地介绍PhoneGap这一跨平台移动应用开发框架的基础知识。PhoneGap允许开发者使用HTML、CSS和JavaScript来构建原生的移动应用,覆盖iOS、Android、...

    Android PhoneGap实例

    Android PhoneGap实例是这个技术在Android平台上的具体应用,结合了Jquery Mobile这一强大的前端框架,为开发人员提供了一种高效、便捷的方式来创建原生感的移动应用。 PhoneGap的核心理念是“Write Once, Run ...

    android上phonegap例子

    在这个"android上phonegap例子"中,我们看到的是一个名为"HelloWorld"的基本项目,这是大多数编程教程中的传统入门示例。这个例子将帮助开发者理解如何在Android设备上搭建和运行一个基本的PhoneGap应用。 1. **...

    phoneGap实现android平台登录例子

    在这个“phoneGap实现android平台登录例子”中,我们将探讨如何利用PhoneGap在Android平台上创建一个简单的登录功能,这对于初学者来说是一个很好的入门实践。 首先,我们需要了解PhoneGap的基础知识。PhoneGap是...

    PhoneGap例子

    总的来说,"PhoneGap例子"为我们提供了一个学习和实践PhoneGap开发的实例。通过这个例子,我们可以了解如何构建一个跨平台的应用,如何自定义插件来扩展功能,以及如何利用JavaScript和设备的原生功能进行交互。对于...

    phonegap源码+示例

    Cordova2.9是PhoneGap的一个重要版本,它在那时提供了对多种移动操作系统的支持,包括iOS、Android、BlackBerry、Windows Phone等。这个版本包含了核心的API接口和插件系统,使得开发者可以通过JavaScript调用设备...

    phoneGap实例

    PhoneGap是一种开源框架,它允许开发者使用HTML5、CSS3和JavaScript来构建原生的移动应用程序,这些应用程序可以在iOS、Android、Windows Phone等平台上运行。这个"phoneGap实例"是针对初学者的一个资源集合,提供了...

    ionic+phonegap 案例源码

    PhoneGap则是一个基于Apache Cordova的平台,它可以将Web应用打包成原生的移动应用,能在iOS、Android等多平台上运行。 描述中的"一个ionic+phonegap框架的webapp实例源码"进一步强调了这是一个实际的应用程序代码...

    phonegap/cordova 案例android版本

    在这个“phonegap/cordova案例android版本”中,我们将深入探讨这两个工具如何协同工作,以及如何在Android平台上创建一个简单的应用。 PhoneGap是由Adobe维护的一个开放源代码项目,它基于Cordova,并提供了额外的...

    phonegap框架简介与phonegap+Sencha源码实例 手机开发入门

    本资源包含有:PhoneGap框架简介、phonegap开发入门pdf(英文版)、外加一个phonegap+sencha-touch 的webapp 项目; 运行环境为:eclipse+jdk 1.5,模拟器为2.1。

    phonegap实例

    这个实例可能包含了一系列的DEMO项目,用于演示PhoneGap在Android和iOS平台上实现各种功能的可能性。 首先,让我们深入了解一下PhoneGap的核心概念。PhoneGap通过一个中间层将Web应用与设备的硬件功能连接起来,如...

    Beginning PhoneGap Mobile Web Framework for JavaScript andHTML5

    PhoneGap入门级书籍首先介绍了移动操作系统世界中的碎片化现象,这是指存在大量的不同版本和制造商的设备,对开发团队而言,这造成了巨大的挑战。碎片化意味着需要为每种设备或平台编写和维护专门的代码。为了应对...

    PhoneGap demo

    PhoneGap是一款开源框架,它允许开发者使用HTML5、CSS3和JavaScript来构建跨平台的移动应用程序。...对于想要快速入门移动开发或者希望将现有Web技能应用于移动平台的人来说,PhoneGap是一个非常有价值的工具。

    phonegap样例

    这个例子旨在帮助初学者理解PhoneGap的工作原理,以及如何将Web技术与移动设备的功能相结合。 在"._myapp"和"myapp"这两个文件中,我们可以推测它们是项目的主要组成部分。"._myapp"可能是Mac OS X系统下的元数据...

    PhoneGap2.9.1插件开发 Demo下载

    PhoneGap是一款跨平台的移动应用开发框架,它允许开发者使用HTML5、CSS3和JavaScript来构建原生的移动应用程序。PhoneGap2.9.1是该框架的一个版本,支持...”插件的过程,希望能帮助初学者快速入门PhoneGap的插件开发。

Global site tag (gtag.js) - Google Analytics