首页    技术博客    PHP教程    数据库技术    前端开发   HTML5    Nginx    php论坛
新用户注册 | 会员登录
加入会员，解锁专属内容
取消
热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

使用jQueryMobile和PhoneGap开发Android应用程序

作者：KristenW_ong_湘 | 来源：互联网 | 2023-08-06 17:36
经过了一段时间的学习，初步了解了该如何使用jQueryMobile和PhoneGap来开发一个Android应用程序，也想把这些东西介绍给大家。1、软件准备要进行androidapp的开
经过了一段时间的学习，初步了解了该如何使用jQuery Mobile和 Phone Gap来开发一个Android应用程序，也想把这些东西介绍给大家。 
1、 软件准备 
要进行android app的开发，当然需要准备Java, eclipse和安装Android SDK，这个部分网络上面很多方法，搜索“安装Android SDK”即可找到很多答案，所以就不再这里浪费口水。 

2、 知识准备 
（1）了解jQuery Mobile这个js框架，知道怎么组织一个简单的页面。 
官方网站：http://jquerymobile.com/（记得下载一个js库文件） 
（2）了解Phone Gap，怎么利用Phone Gap在后面的内容也有介绍。 
官方网站：http://phonegap.com/（同样记得下载相关文件） 
（3）能够使用jQuery进行开发。 

3、 组织工程目录 
（1）打开Eclipse，建立一个android应用工程，见下图 

 

（2）解压phonegap的压缩包，可以看到它针对不懂的应用类型进行了不同的分类，有android、IOS、Windows Phone等移动终端系统，打开其中的android文件夹。 
（3）在刚才新建的工程的根目录下新建一个名为libs的文件夹，找到（1）中android文件夹中的jar包粘贴到刚才的libs文件夹下。 
（4）将（1）中android文件夹下的xml文件夹整个粘贴到工程更目录下的res文件夹下。 
（5）在工程的assets文件夹下新建文件夹www，这个文件夹其实可以看作是phonegap的工程目录，用来放js或者html文件。 
（6）在文件夹www下面新建一个js文件夹，用来放置js和css文件；新建文件夹pages用来放置html文件。（新建html和引入js库可以参照图操作） 
工程目录如下图： 

 

4　Conding 
（１）首先打开src下的Java类，修改继承类为DroidGap（如果找不到这个类，估计是忘记将PhoneGap的jar包加入工程的Libraries），并且修改代码，如下图 

 

（2）打开index.html文件，进行编辑，记得开头要用html5的doctype声明。我在里面加入两个简单的jQuery Mobile的页面，并且调用了简单的Phone Gap的API： 
http://docs.phonegap.com/en/1.3.0/phonegap_notification_notification.md.html#notification.vibrate 
代码如下： 
Html代码  收藏代码
  1. >  
  2. <html>  
  3.     <head>  
  4.         <title>Phone Gap Introducetitle>  
  5.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>  
  6.         <link rel="stylesheet" type="text/css" href="../JS/jquery.mobile-1.0rc1.min.css"/>  
  7.         <script type="text/Javascript" src="../JS/jquery_1_6_4.js">script>  
  8.         <script type="text/Javascript" src="../JS/phonegap-1.2.0.js">script>  
  9.         <script type="text/Javascript" src="../JS/jquery.mobile-1.0rc1.js">script>  
  10.         <script type="text/Javascript">  
  11.             $('#PageOne').live('pageinit', function(event){  
  12.   
  13.                 var showTip = function(){  
  14.                     navigator.notification.alert("this is a message from page one!", null, "Message", "Close");  
  15.                     $(this).die("click");  
  16.                 };  
  17.                   
  18.                 var confirm = function(){  
  19.                     navigator.notification.confirm(  
  20.                             'You are the winner!',  // message  
  21.                             null,                   // callback to invoke with index of button pressed  
推荐阅读
author-avatar
KristenW_ong_湘
这个家伙很懒，什么也没留下！
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有