Java学习者论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

手机号码,快捷登录

恭喜Java学习者论坛(https://www.javaxxz.com)已经为数万Java学习者服务超过8年了!积累会员资料超过10000G+
成为本站VIP会员,下载本站10000G+会员资源,购买链接:点击进入购买VIP会员
JAVA高级面试进阶视频教程Java架构师系统进阶VIP课程

分布式高可用全栈开发微服务教程

Go语言视频零基础入门到精通

Java架构师3期(课件+源码)

Java开发全终端实战租房项目视频教程

SpringBoot2.X入门到高级使用教程

大数据培训第六期全套视频教程

深度学习(CNN RNN GAN)算法原理

Java亿级流量电商系统视频教程

互联网架构师视频教程

年薪50万Spark2.0从入门到精通

年薪50万!人工智能学习路线教程

年薪50万!大数据从入门到精通学习路线年薪50万!机器学习入门到精通视频教程
仿小米商城类app和小程序视频教程深度学习数据分析基础到实战最新黑马javaEE2.1就业课程从 0到JVM实战高手教程 MySQL入门到精通教程
查看: 426|回复: 0

开发交流:Android 程序框架PhoneGap

[复制链接]

该用户从未签到

发表于 2011-10-24 09:33:12 | 显示全部楼层 |阅读模式
  phonegap是由温哥华的一家小公司研发的多平台的移动开发框架,支持流行的大多数移动设备(iPhone,Android ,BlackBerry,Symbian,Palm,Window Phone).目前phonegap获得Apple,IBM,NOKIA,palm等众多公司的支持.
  phonegap的优点:

  1.兼容性,完全做到了written once,run everywhere.
  2.标准化.phonegap使用W3C标准,可用HTML5+css3+JqueryMobile快速开发各平台的app
  3.开发成本低
  4.完全自由免费.phonegap采用MIT,BSD许可证.

       将采用phonegap+jquerymobile开发一个phonegap的Helloworld.

  第一步:下载phonegap,jquerymobile,jquery1.5.1解压待用.
  第二步:新建一个android项目HelloWorld,在assets目录下新建文件夹www,这个文件夹将用来放置html,JS,CSS等文件.在根目录下新建libs文件夹,用来放置phonegap的开发包.
  第四步: 将刚刚解压出来的phonegap/android下的phonegap.0.9.5.js;jquerymobile目录下的 images,jquery.mobile-1.0a4.1.min.css,jquery.mobile-1.0a4.1.min.js;Jquery 目录下的jqueryjquery-1.5.1.min.js复制到www文件夹.
  第五步:复制phonegap/android下的phonegap.0.9.5.jar到libs文件夹,并在项目的属性中将其加入到项目
  第六步:修改默认的Activity文件main.java

java代码: public class main extends DroidGap {

/** Called when the activity is first created. */



@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

super.loadUrl();

}

}
复制代码第七步:在www文件夹中新建index.html文件.

java代码: < link rel="stylesheet" href="jquery.mobile-1.0a4.1.min.css" type="text/css" charset="utf-8">



< script type="text/javascript" charset="utf-8" src="phonegap.js">< /script>

< script type="text/javascript" charset="utf-8" src="jquery.js">< /script>

< script type="text/javascript" charset="utf-8" src="jquery.mobile-1.0a4.1.min.js">< /script>

< script type="text/javascript" charset="utf-8">



$(document).ready(function(){

//为按钮ClickMe添加点击事件

$('#ClickMe').tap(function(){alert('HelloWorld!');});

});



< /script>

在< body>< /body>中添加

  

< div data-theme="b" data-role="page" id="main">

< div data-role="header" >

< h1>

HelloWorld

< /h1>

< /div>

< !-- /header -->

< div data-role="content" >

< p>

这是我第一个PhoneGap+JqueryMobile结合的android程序

< /p>

  

< p>

< a href="#" id="ClickMe" data-role="button" data-inline="true" 点我< /a>

< /p>

< /div>

< !-- /content -->

< div data-role="footer" >

< h4>

这个是页脚

< /h4>

< /div>

< !-- /header -->

< /div>

  
复制代码第七步:Run As Android Application  运行效果图如下
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|手机版|Java学习者论坛 ( 声明:本站资料整理自互联网,用于Java学习者交流学习使用,对资料版权不负任何法律责任,若有侵权请及时联系客服屏蔽删除 )

GMT+8, 2025-1-10 21:51 , Processed in 0.355568 second(s), 46 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表