`

phonegap android第一个demo程序,大家来学习

阅读更多

最近想学习一下手机上的web app开发,朋友推荐phonegap是一个很不错的跨平台开发框架,下面是初次使用的一些总结总结。

1、开发环境配置

系统要求可以具体参考:http://developer.android.com/sdk/requirements.html,下面是操作的具体步骤。

a、安装jdk,jdk是android sdk的安装基础。下载地址:http://www.oracle.com/technetwork/java/javase/downloads/java-se-jdk-7-download-432154.html。windows下推荐使用 jdk-7-windows-i586。

b、安装eclipse,需要3.4以上版本,下载地址:http://www.eclipse.org/downloads/download.php?file=/eclipse/downloads/drops/R-3.7-201106131736/eclipse-SDK-3.7-win32.zip。如果不想安装就使用eclipse classic版本。

c、安装android的SDK,下载地址:http://developer.android.com/sdk/installing.html

安装时需要记录sdk的安装目录,比如:C:\Program Files\Android\android-sdk,在eclipse中导入sdk时使用。导入方法:打开eclipse -> Window -> Preferences -> 选择 android -> 在SDK location填入SDK的安装目录。

注意:1)SDK的路径中不能有空格,可将“Program Files”替换成“PROGRA~1”。2)打开eclipse -> Window -> Android SDK and AVD Manager -> 选择合适的android版本,update all, 保证SDK安装完整。

e、下载安装 ADT Plugin,是一款Eclipse的插件,用于快速开发Android应用。

安装步骤:打开eclipse -> Help -> Install New Software -> add -> Name填ADT Plugin,Location填 https://dl-ssl.google.com/android/eclipse/ -> ok,安装完成后重启eclipse。

注意:如果安装时出现错误,请尝试将 https 改为 http 。

f、下载最新的phonegap稳定版本并解压,可在官方网站下载(www.phonegap.com)。这里使用的是1.1.0。

2、创建project

a、打开eclipse -> File -> New -> Project -> Andorid Project

b、填写项目信息,包括项目名称、选择系统版本(在这里使用的是Android 2.2),Package name等,填完之后finish就创建了一个基本的android应用程序。如下图:

c、创建AVD(android virtual device),为程序选择执行环境。

打开eclipse -> window -> Android SDK and AVD Manager,照下图进行创建:

注意:因为项目在创建时选择了Android2.2,所以选在AVD的target版本应该不能比2.2高。

此时右键选中项目根目录 -> Run as -> Android Application 执行会得到下面的效果:

d、导入phonegap框架

1)在根目录下建libs文件夹,将下载的phonegap解压后的android下的jar包(此处为phonegap-1.1.0.jar)拷到libs目录下。

2)在根目录下的assets目录下建www文件夹,将下载的phonegap解压后的android下的phonegap的js(此处为phonegap-1.1.0.js)拷贝到www目录下。

3)将下载的phonegap解压后的android下的xml文件夹拷贝到项目根目录的res文件夹下。

4)在www目录下建index.html,在html中引入phonegap的js,并调用phonegap的api做一些简单的事情(API的具体含义请参考官方网站),代码如下:

5)修改主程序FirstAppActivity.java,原来代码为:

修改后为:

此时会出现错误,是因为phonegap的jar包没有引入到build path中,右键点击libs -> Build Path -> Configure Path,如下图操作添加jar包到build path中。

6)修改AndroidManifnest.xml文件,将下面的内容添加到版本号的后面。

在activity 节点中添加 android:configChanges="orientation|keyboardHidden"。

7)此时执行,会得到如下基于phonegap的页面:

3、当项目搭建好后,就可以在index.html中使用js、html、css和phonegap的api创建和丰富自己的应用了,大功告成!

分享到:
评论

相关推荐

    phonegap android 录音照相录像 demo

    这个"phonegaptest4"项目是学习PhoneGap在Android上实现多媒体功能的一个实践案例,适合初学者理解和掌握PhoneGap的基本用法。通过实际操作,你可以更好地理解如何将HTML、CSS和JavaScript与设备硬件集成,创建功能...

    phonegap android demo

    PhoneGap Android Demo是一个基于PhoneGap框架的Android应用示例,旨在帮助开发者理解如何在Android平台上使用PhoneGap技术来构建跨平台的移动应用。PhoneGap是一个开源的开发框架,它允许开发者使用HTML、CSS和...

    PhoneGap-拍照上传DEMO

    这个DEMO不仅涵盖了PhoneGap和HTML5的基础知识,还涉及到了前端开发中的图片处理、文件上传和错误处理等多个重要环节,对于想要学习如何使用PhoneGap和HTML5开发移动应用的开发者来说,是一个很好的实践案例。...

    PhoneGap js调用 android demo

    这个“PhoneGap js调用 android demo”是PhoneGap技术的一个实例,展示了如何通过JavaScript来调用Android平台的原生功能。 首先,我们需要理解PhoneGap的核心原理。PhoneGap提供了一个桥接机制,通过JavaScript...

    phonegap demo

    PhoneGap 是一个开源框架,它允许开发者使用HTML、CSS和JavaScript来构建移动应用程序,并能将这些应用程序打包成原生的iOS、Android等平台的应用。这个"phonegap demo"是一个示例项目,展示了如何使用PhoneGap技术...

    phonegap之android示例

    总的来说,"phonegap之android示例"是一个很好的起点,可以帮助开发者快速入门PhoneGap和Android混合应用开发。通过研究和实践这个示例,可以掌握PhoneGap的API使用,理解Web技术与Android原生环境的结合方式,以及...

    PhoneGap Demo下载.rar

    这个"PhoneGap Demo下载.rar"文件很显然是一个包含了基础PhoneGap开发示例的压缩包,对于初学者或者遇到环境配置问题的开发者来说,这是一个很好的学习资源。 PhoneGap的核心是基于Apache Cordova,它提供了设备API...

    PhoneGap demo

    这个“PhoneGap demo”是一个展示如何利用PhoneGap技术来开发Android图书商城应用的实例。它展现了PhoneGap的强大功能,将网页技术与移动设备的特性相结合,创建出具有动态效果的应用程序。 首先,我们要理解...

    android之PhoneGap入门实例

    PhoneGap是一款开源的移动应用开发框架,它允许开发者使用HTML5、CSS3和JavaScript来构建跨平台的原生移动应用程序。PhoneGap的核心理念是通过Web技术实现与移动设备硬件的交互,让开发者能够利用熟悉的Web开发技能...

    PhoneGap Cordova 3 3配置demo

    所以设置5个资源分 大家不要骂我 ">鉴于目前网上流行的资料关于PhoneGap Cordova 的配置教程几乎都是1 3版本 另外又由于官网的文档漏洞百出 一直报:java lang RuntimeException:Unable to start activity ...

    android+Phonegap开发环境搭建

    总之,搭建Android+PhoneGap开发环境涉及安装JDK、Android Studio、Node.js和PhoneGap CLI,配置Android SDK,以及创建和运行第一个PhoneGap项目。掌握这个过程后,开发者就可以利用Web技术开发出能在Android平台上...

    android PhoneGap JQuery Mobile Demo

    PhoneGap和JQuery Mobile是移动应用开发中的两个关键框架,它们结合使用可以帮助开发者构建跨平台的原生感观的移动应用程序。PhoneGap是Adobe提供的一个开源框架,它允许使用HTML、CSS和JavaScript来构建移动应用,...

    phonegap在线更新插件(android)

    本插件专注于PhoneGap在Android平台上的在线更新功能,旨在解决一个特定的问题:即在Android 7.0及以上版本中,通过下载安装APK更新时可能出现的应用闪退现象。 在Android系统中,特别是从7.0版开始,谷歌引入了更...

    自定义plugin插件实现phonegap与Android交互

    1. **定义Plugin接口**:在Android项目中创建一个新的Java类,继承自`CordovaPlugin`。你需要在这个类中定义方法,这些方法将与JavaScript的对应函数相对应。 2. **实现Plugin方法**:在Java类中,你需要为每个方法...

    phoneGap-android实现拍照和选择图库

    在Android平台上,PhoneGap提供了一个便捷的方式来整合设备的功能,比如摄像头和图库,使得Web开发者能够轻松地实现拍照和选择图库图片的操作。 1. PhoneGap基础: PhoneGap的核心是Cordova,一个开源的移动设备...

    PhoneGap环境搭建demo

    PhoneGap环境搭建是开发跨平台移动应用的第一步,这里我们将详细讲解如何进行PhoneGap的配置和安装。 1. **系统需求**:首先,你需要一个支持PhoneGap开发的计算机系统,通常要求是Windows、Mac OS或Linux。确保...

    Android代码-phonegap-android

    PhoneGap Android is an Android application library that allows for PhoneGap-based projects to be built for the Android Platform. PhoneGap-based applications are, at the core, an application written in...

    android+phonegap+jquery mobile

    这个项目标题揭示了一个使用三种技术栈构建的移动应用程序:Android、PhoneGap和jQuery Mobile。Android是Google主导的开源操作系统,主要用于智能手机和平板电脑;PhoneGap是一个开放源代码框架,允许开发者使用...

    PhoneGap Camera插件调用 Demo下载

    在Android平台上,PhoneGap会生成一个Android项目,其中包含一个WebView,加载你的Web应用,并通过Cordova库桥接JavaScript和Java代码。 Camera插件的使用通常涉及到以下步骤: 1. **安装插件**:在你的PhoneGap...

    PhoneGap android的Toast插件

    Android的Toast插件是PhoneGap生态中的一个重要组件,用于在Android设备上显示短暂的通知信息,类似于原生Android开发中的Toast功能。 首先,`ToastPlugin.java`是这个插件的核心Java代码,它负责与PhoneGap的...

Global site tag (gtag.js) - Google Analytics