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的缺点:
1.性能有待加强,运行速度慢,UI反应延时
2.没有中文文档,例子较少
-------------------------------------------非华丽的分割线-------------------------------------------------------------
HelloWorld是IT界永恒不变的话题.不知从何时起,每一门语音,每一项新技术的第一个demo都是HelloWorld.
下面笔者将采用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
public class main extends DroidGap {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
super.loadUrl("file:///android_asset/www/index.html");
}
}
第七步:在www文件夹中新建index.html文件.
输入内容
<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
运行效果图如下
OK,至此我们第一个phonegap+jquerymobile的android程序已经完成.在模拟器中运行性能很差,真机运行的延时是可以接受的.
详细代码请参考附件,文章提到的jar,JS,CSS等文件可从附件中复制或到对应官网下载最新版本
很少写东西,如有错漏请看官指正.
PS:
PhoneGap http://www.phonegap.com/
jquerymobile http://jquerymobile.com/
- 大小: 67.1 KB
- 大小: 25.8 KB
- 大小: 13.6 KB
分享到:
相关推荐
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...
关于html5开发框架PhoneGap的移动开发调研 用PhoneGap访问设备本地API可以实现调用以下具体设备 PhoneGap如何实现调用不同平台手机上的设备功能 PhoneGap开发ios应用是否要交年费? 答:需要,因为编译后同ios的...
android+Phonegap开发环境搭建android+Phonegap开发环境搭建android+Phonegap开发环境搭建android+Phonegap开发环境搭建
■ 用PhoneGap和它的NFC插件写Android上的NFC应用程序用例 ■ 深入了解NDEF结构:测试已有的写标签程序,然后写自己的标签程序 ■ 用PhoneGap事件监听器来监听和过滤NDEF消息 ■ 写一个完整的Android应用程序来控制...
android之PhoneGap入门实例http://blog.csdn.net/beifengdelei/article/details/7702461
android与phonegap混合开发之相互跳转。一个小例子很好示范怎么相互跳转,之间可相互传参数。代码精简易懂,容易上手,下载下来,导入即可运行。
android平台搭建PhoneGap.pdf
通过自定义plugin插件实现了javascript与Android的交互。
phonegap android在线更新插件,兼容android7.0下载后安装闪退的问题;详细使用见README.md文件。
是html5开发的一个很简单的开发框架phoneGap
行业分类-设备装置-基于Android平台的PhoneGap跨平台媒体扩展框架
4.复制phonegap中android目录下的xml文件夹到 /res下 5.android默认的项目是针对native app的,所以要用web app(cordova)的话,必须修改它的引用文件。 5.1引用加载cordova-1.7.0.jar,这时候可以按F5刷新工程。 ...
html5框架PhoneGap API详解笔记(ppt及word版),关于PhoneGap方面的资料少之有少,目前市面上基本上没有,希望能够帮助大家学习
该源码是使用phonegap加jquery mobile开发基于html5 css3的应用的项目例子。可以很好的来学校jquery mobile。
一个完整的phonegap与android的例子。用在pad上,包含一些自定义插件。
基于Android平台的Phonegap研究-软件工程动漫方向毕业论文.docx
android上使用phonegap的hellworld例子,简单
All you need to do is ensure that ./libs/phonegap.jar. Simply right click on ./libs and select Build Path > Configure Build Path. Choose Java Build Path and select the Libraries tab. Click add Jars ...
Android+Jquerymobile+PhoneGap的项目实例,包括 用这些 js UI实现的 滑屏、触摸、禁横屏、滚动特效。绝对经典,技术绝对齐全, 绝对适合你学习。想学手机软件开发的人,必须选择我的资源, 与我一起进步!!!