android phonegap 开发教程,【Android开发那点破事】Web程序员轻松使用PhoneGap开发第一个Andriod程序...

本文介绍了如何使用PhoneGap开发Android应用程序,重点是创建第一个HelloWorld项目。首先,了解PhoneGap允许开发者使用HTML, JavaScript和CSS来构建应用,然后通过PhoneGap转换为原生应用。接着,详细说明了安装SDK+Cordova的步骤,设置环境变量,以及在命令行中创建项目。最后,在Eclipse中导入项目并配置模拟器运行,展示了一个简单的设备就绪的界面。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

开始使用PhoneGap开发我们第一个Andriod程序之前,我们先简单的来了解下PhoneGap。简单来说使用PhoneGap就是使用HTML,JavaScript和CSS来开发程序,最终通过PhoneGap可以产生对应版本的native 程序。具体的可以参考官方网站:http://phonegap.com/

下面我们开始使用PhoneGap来做我们第一个Android Hello World 程序。

1. 使用PhoneGap,只能支持一下Android版本:

Android 2.1 (Deprecated May 2013)

Android 2.2

Android 2.3

Android 3.x (Deprecated May 2013)

Android 4.x

2.安装SDK + Cordova:

下载最新的PhoneGap并解压,后面我们将和Andriod一起使用。

3.设置运行时环境

桌面上右击我的电脑,选择属性,点击高级系统设置,再点击环境变量,在系统变量中双击PATH变量,这里你需要将Android SDK platform-tools 和 tools目录的路径加入到PATH环境变量后面。比如我的SDK安装在“C:\Development\android-sdk-windows”, 这里我就将“;C:\Development\android-sdk-windows\platform-tools;C:\Development\android-sdk-windows\tools”加在PATH环境变量后面。点击保存。

另外你需要将JAVA环境变量和ANT环境变量设置好,这里我就不讲了。

4.新建Hello World Android项目:

点击开始(或者使用windows+R),输入CMD打开一个命令行窗口。然后进入到Cordova下的Android下的bin目录,比如我的目录是C:\cross\tools\phonegap-2.8.1\phonegap-2.8.1\lib\android\bin,

C:\Documents and Settings\Administrator\Application Data\npm\node_modules\phonegap

键入:create ,并回车。

这里:

: 你的 Cordova Android 项目路径

:你的包名,比如com.yourcompany.phonegap

:你的项目名称。

如果创建成功你可以看到:

C:\cross\tools\phonegap-2.8.1\phonegap-2.8.1\lib\android\bin>create c:\Users\eac

fgjl\phonegapwork\android com.withiter.quhao.android Test

Creating new android project...

Copying template files...

Copying js, jar & config.xml files...

Copying cordova command tools...

Updating AndroidManifest.xml and Main Activity...

打开你的Eclipse,右击新建一个Project,选择Android Project From Existing Code,把刚才我们用命令行创建的项目导入进来。

5.配置模拟器并运行我们的项目

右击Test工程,Run as > Android Application。此时如果没有模拟器,Eclipse会问你是否要新建一个模拟器。模拟器创建好之后,运行项目Test,你会看到这样的界面:

47502475_1.JPG

我们在工程中再展开assets > www > index.html,并打开index.html.加入一个HTML输入框:

Apache Cordova

Connecting to Device

Device is Ready

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值