`

(翻译)手机应用开发 第二节:PhoneGap and Dojo Mobile on Android(创建应用)

阅读更多

 

原文地址:Mobile application development, Part 1: PhoneGap and Dojo Mobile on Android

 

ps:由于原文发布于2011-9-13。时间较早。而大部分软件,框架都有很大更新和变化。我会将原文中发生变化的部分修改成最新的。

 

上一篇中我们已经将开发环境搭建好,接下来:

第一步:创建一个新的Android project

启动eclipse,选择File > New > Other…, 选择Android > Android Application project.如下图:

如上图所示:填写Application Name,选择Bulid SDK 和Minimum Required SDK。点击Next。

选择应用程序的图标,点击Next。

选择BlankActivity,点击Next。

无需更改,点击Next。

提示说:该模板依赖于Android Support Library,你没有安装。选择Install/Upgrade.

选择Accept All ,并点击 Install。

点击 Finish。至此我们的android项目建立完成。

 

第二步:添加PhoneGap 库

ps:由于PhoneGap 库相对于原文中已经发生变化,所以我参照最新PhoneGap 官方文档进行翻译。

PhoneGap 官方文档页面

 

1. 在项目的根目录下创建两个新文件夹

/libs

/assets/www

 

2. 从你早先下载的phonegap文件中,找到cordova-2.0.0.jscordova-2.0.0.jarxml 文件夹

  • cordova-2.0.0.js复制到项目目录/assets/www

  • cordova-2.0.0.jar复制到/libs

  • xml文件夹复制到项目目录/res

          此时你的项目文件目录应该如下图:

 

3. 确保cordova-2.0.0.jar已经显示在你的项目目录中,右键/libs文件夹,选择Build Paths/ > Configure Build Path....然后选择Libraries选项卡,点击Add jars按钮,选择cordova-2.0.0.jar。如下图所示

 

4. 编辑你的项目src目录下的主java文件

例如:我的是MainActivity.java

 

 

  • 添加import org.apache.cordova.*;

  • 修改class's extend from ActivityDroidGap

  • 替换setContentView()那一行为super.loadUrl("file:///android_asset/www/index.html");

如下图:

 

5. 右键AndroidManifest.xml文件选择Open With > Text Editor。将下面的代码,复制到该文件中。

 

<supports-screens
    android:largeScreens="true"
    android:normalScreens="true"
    android:smallScreens="true"
    android:resizeable="true"
    android:anyDensity="true"/>
<uses-permissionandroid:name="android.permission.VIBRATE"/>
<uses-permissionandroid:name="android.permission.ACCESS_COARSE_LOCATION"/>
<uses-permissionandroid:name="android.permission.ACCESS_FINE_LOCATION"/>
<uses-permissionandroid:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS"/>
<uses-permissionandroid:name="android.permission.READ_PHONE_STATE"/>
<uses-permissionandroid:name="android.permission.INTERNET"/>
<uses-permissionandroid:name="android.permission.RECEIVE_SMS"/>
<uses-permissionandroid:name="android.permission.RECORD_AUDIO"/>
<uses-permissionandroid:name="android.permission.MODIFY_AUDIO_SETTINGS"/>
<uses-permissionandroid:name="android.permission.READ_CONTACTS"/>
<uses-permissionandroid:name="android.permission.WRITE_CONTACTS"/>
<uses-permissionandroid:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
<uses-permissionandroid:name="android.permission.ACCESS_NETWORK_STATE"/>
<uses-permissionandroid:name="android.permission.GET_ACCOUNTS"/>
<uses-permissionandroid:name="android.permission.BROADCAST_STICKY"/>
 

 

将下面这个行添加到<activity>标签里

 

android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale"
 

 

这时你的AndroidManifest.xml文件看起来应该如下图所示:

 

6. 在assets/www目录下创建新文件index.html,将下面的代码复制进去。

 

<!DOCTYPE HTML>
	<html>
		<head>
			<title>Cordova</title>
			<scripttype="text/javascript"charset="utf-8"src="cordova-2.0.0.js"></script>
		</head>
		<body>
			<h1>Hello World</h1>
		</body>
	</html>
 

 

7.启动模拟器

右击项目选择 Run As > Android Application。如果没有合适的目标虚拟设备,eclipse会让你创建一个新的AVD。

OK! 完美运行。呵呵,虽然仅仅是一开始,可还是挺令人高兴。O(∩_∩)O~

 

为了让所有人都能按步骤走下来,我尽量多贴图。导致文章越来越长,只好再截断一次。

 

如果你在按照上述步骤操作过程中遇到任何问题,欢迎和我交流,共同进步。

翻译的不好,真诚希望得到大家的指正。

 

分享到:
评论

相关推荐

    android+phonegap+jquery mobile

    【标题】:“Android + PhoneGap + jQuery Mobile” 这个项目标题揭示了一个使用三种技术栈构建的移动应用程序:Android、PhoneGap和jQuery Mobile。Android是Google主导的开源操作系统,主要用于智能手机和平板...

    入门必看:用PhoneGap开发手机应用程序(android,iPhone等)

    而Android应用开发则需熟悉Eclipse等开发环境的搭建。 此外,jQuery Mobile 是一个强大的移动设备友好的前端框架,虽然不是PhoneGap的必需部分,但它能极大地提升应用的外观和用户体验。jQuery Mobile 提供一套预定...

    PhoneGap+jQueryMobile开发Android应用实例

    PhoneGap+jQueryMobile开发Android应用实例,搭建开发环境

    用PhoneGap+jQueryMobile开发Android应用实例

    用PhoneGap+jQueryMobile开发Android应用实例,很好的android开发学习教材。

    使用指南:PhoneGap的CordovaWebView组件在Android原生项目中使用.

    使用指南:PhoneGap的CordovaWebView组件在Android原生项目中使用. 1.下载phonegap2.0, 1.1 从解压文件中“phonegap-phonegap-2dbbdab\lib\android”中可以看到以下文件: cordova-2.0.0.jar、cordova-2.0.0.js和...

    在Android平台下搭建PhoneGap开发环境--用HTML5开发游戏[参考].pdf

    2. 企业应用开发:使用PhoneGap可以开发企业级的应用程序,例如 CRM、ERP等系统。 3. 移动商务应用开发:使用PhoneGap可以开发移动商务应用程序,例如电商平台、支付系统等。 PhoneGap的优点包括: 1. 跨平台性:...

    phoneGap deskTop win+mobile apk

    总结来说,"phoneGap deskTop win+mobile apk"这个资源是为开发者准备的,它包括了在Windows环境下进行PhoneGap应用开发所需的全部工具。通过PhoneGap Desktop,开发者可以高效地构建跨平台的移动应用,并且可以直接...

    android+Phonegap开发环境搭建

    PhoneGap基于Apache Cordova,将Web技术与Android等操作系统紧密集成,使得开发者可以利用熟悉的Web开发技能来创建功能丰富的手机应用。本篇文章将详细介绍如何在Android环境下搭建PhoneGap的开发环境。 首先,我们...

    PhoneGap开发移动应用(Android)

    根据给定文件信息,本篇知识点将详细介绍使用PhoneGap(现称为Apache Cordova)进行Android移动应用开发的过程。PhoneGap是一个开源的移动应用开发框架,它允许开发者使用HTML5、CSS3和JavaScript等Web技术来开发跨...

    PhoneGap+Jquery mobile

    PhoneGap和jQuery Mobile是两种非常重要的移动应用开发技术,它们结合使用可以构建跨平台的混合应用程序。PhoneGap是由Adobe开发的一个开源框架,它允许开发者使用HTML、CSS和JavaScript来创建原生的移动应用,而...

    手机Web应用开发平台PhoneGap.zip

    因此,目前开发商可以只 编写一次应用程序,然后在7个主要的移动平台和应用程序商店(app store)里进行发布,这些移动平台和应用程序商店包括:iOS、Android、BlackBerry、webOS、bada、Winodws Phone以及Symbian。...

    基于PhoneGap的Android应用开发

    ### 基于PhoneGap的Android应用开发 #### 一、引言 随着移动互联网的飞速发展,跨平台移动应用开发技术越来越受到开发者们的青睐。PhoneGap作为一款开源框架,能够利用HTML5、CSS3与JavaScript等Web技术来开发跨...

    phonegap移动开发框架

    PhoneGap的核心理念是通过Web技术实现多平台的兼容性,将网页应用与设备的硬件功能相结合,为开发者提供了一种高效且成本低廉的移动应用开发解决方案。 PhoneGap的开发环境基于Apache Cordova,它提供了访问设备API...

    PhoneGap Eclipse PlugIn for Android

    PhoneGap Eclipse PlugIn for Android是一款专为Android开发者设计的插件,它允许开发人员使用Eclipse IDE进行PhoneGap应用的构建和调试。PhoneGap是一种开源框架,它使开发者能够使用HTML、CSS和JavaScript来创建跨...

    phonegap android 录音照相录像 demo

    PhoneGap是一款跨平台的移动应用开发框架,它允许开发者使用HTML、CSS和JavaScript来构建原生的移动应用程序。在这个“phonegap android 录音照相录像 demo”项目中,我们将会探讨如何使用PhoneGap在Android平台上...

    使用jQuery Mobile + PhoneGap 开发Android应用程序

    使用jQuery Mobile + PhoneGap 开发Android应用程序

    phonegap开发中JS与Android之间的交互

    总的来说,PhoneGap为开发者提供了一种高效、灵活的方式来开发跨平台的移动应用,通过JavaScript与Android的交互,实现了Web技术与原生设备功能的融合。理解并熟练掌握这种交互方式,对于构建高效、功能丰富的...

    PhoneGap开发者指南源码

    这个"PhoneGap开发者指南源码"显然是一份详细的教学资源,旨在帮助开发者理解和掌握如何利用PhoneGap进行跨平台应用开发。下面我们将深入探讨PhoneGap的核心概念、工作原理以及如何利用它来创建移动应用。 **...

Global site tag (gtag.js) - Google Analytics