- 浏览: 274846 次
- 性别:
- 来自: 南通
文章分类
最新评论
-
an8695001:
serverlist里边的地址加端口号,读取速度很慢!!! 是 ...
吐槽memcached proxy 之memagent -
amilier:
你好,使用magent做mamcache集群的话,那java ...
吐槽memcached proxy 之memagent -
cs627565157:
你好,如果我想写程序里面的文件的话该怎么办呢。。。有没有相关的 ...
利用PhoneGap向SD卡中写入文件 -
fs_plane:
回6楼: 博主没说错,是你理解错了,的确主服务器挂掉,m ...
吐槽memcached proxy 之memagent -
zhukewen_java:
hnraysir 写道zhukewen_java 写道就是题目 ...
Linux下安装搭建Memcached集群环境
由于工作需要,用到phonegap与jquery moblie搭配,开发android应用程序。
这些技术自己之前也都没接触过,可以说是压根没听说过,真是感慨,在开发领域,技术日新月异,知识真是永远学不完的。就算是做java开发的,可是细分下来,专业方向还是很多的;自己没有涉及的技术还是太多了,自个需要对单个领域专业点,知识丰富点。做不了全才,那咱做个专才,在如今社会还是必须的。
好了,咱们言归正传:
PhoneGap是一个开源的开发框架,使用HTML,CSS和JavaScript来构建跨平台的的移动应用程序。它使开发者能够利用iPhone,Android,Palm,Symbian,Blackberry,Windows Phone和Beda智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等。
Jquery mobile是由(MT)Media Temple联合多家移动设备厂商以及软件企业共同发起的的针对触屏智能手机与平板电脑的website以及在线应用的前端开发框架。Jquery mobile构建于Jquery 以及 Jquery UI类库之上,为前端开发人员提供了一个兼容所有主流移动设备平台的统一UI接口系统。拥有出色的弹性,轻量化以及渐进增强特性与可访问性。
1.首先需要下载PhoneGap,可以去如下网站下载:http://phonegap.com/ 在首页的右上角有个下载图标,点击可以下载其压缩版本,现在最新版是PhoneGap1.5.0,下载后的文件名是:phonegap-phonegap-1[1].5.0-0-gde1960d.zip。
2.下载完成后,对其进行解压,里面会有其介绍文档和示例文件(包括android,ios,blackberry等),此处我们只需要用到android的,在解压的文件中,在lib文件夹下的android文件夹中,我们找到cordova-1.5.0.jar(其实也就是其他网站中指的phonegap.jar)、cordova-1.5.0.js还有一个xml文件夹
3.新建一个android工程
4.在项目的根目录下新建四个目录。
/libs
/assets/www
/assets/css
/assets/js
5.将cordova-1.5.0.js拷贝到/assets/js目录下。
6.将cordova-1.5.0.jar拷贝到/libs目录下。
7.将xml文件夹拷贝到/res目录下。
8.在src源代码文件中的main java源代码文件中做做一些修改。
将类由继承Activity改成继承DroidGap。
将setContentView()一行用super.loadUrl("file:///android_asset/www/index.html");替换
添加: import com.phonegap.*;
删除import android.app.Activity
import org.apache.cordova.DroidGap;
import android.os.Bundle;
public class App extends DroidGap {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// setContentView(R.layout.main);
super.loadUrl("file:///android_asset/www/index.html");
}
}
布置好的项目截取如下:
此时你还没有jquery mobile没有关系。我们先把phonegap配置好,接着:
1.在AndroidManifest.xml中添加如下xml代码,具体添加地方,可以参考上面的截图:
<supports-screens
android:largeScreens="true"
android:normalScreens="true"
android:smallScreens="true"
android:resizeable="true"
android:anyDensity="true"
/>
<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.VIBRATE" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.RECEIVE_SMS" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
<uses-permission android:name="android.permission.READ_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.GET_ACCOUNTS" />
2.将如下 android:configChanges="orientation|keyboardHidden"添加到默认的activity标签中。
3.然后在/assets/www/目录下创建一个index.html文档内容如下:
<!DOCTYPE HTML>
<html>
<head>
<title>PhoneGap</title>
<script type="text/javascript" charset="utf-8" src="cordova-1.5.0.js"></script>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>
4.加入jquery mobile支持,去其官网下载:http://jquerymobile.com/blog/2012/01/26/jquery-mobile-1-0-1-released/#download,
现在最新稳定版本是1.0.1,可以下载包含所需文件的zip格式的压缩包,名称: jquery.mobile-1.0.1.zip (JavaScript, CSS, and images) ,另外再下载jquery-1.6.4.min.js
下载下来后,解压。把jquery.mobile-1.0.1.min.css放到assets/css目录下,把jquery.mobile-1.0.1.min.js和jquery-1.6.4.min.js放到assets/js目录下。
5.修改index.html
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1" charset="UTF-8">
<link rel="stylesheet" href="../css/jquery.mobile-1.0.1.min.css">
<script src="../js/jquery-1.6.4.min.js"></script>
<script src="../js/jquery.mobile-1.0.1.min.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>Test</h1>
</div>
<div data-role="content" data-theme="a">
<div data-role="fieldcontain">
<label for="username">登录名:</label>
<input type="text" name="username" id="username" value="" />
<label for="password">密码:</label>
<input type="password" name="password" id="password" value="" />
</div>
</div>
<div data-role="footer">
<h4>Page Footer</h4>
</div>
</div>
<div data-role="page" id="dialogPopUp">
<div data-role="header">
<h1>Dialog Title</h1>
</div>
<div data-role="content">
This is a dialog box
</div>
<div data-role="footer">
<h4>Additional Footer information</h4>
</div>
</div>
</body>
</html>
运行结果如下:
发表评论
-
Mac下获取SHA1
2016-07-11 10:34 534打开Android Studio中的Terminal,也可以 ... -
Apache中proxy: ap_get_scoreboard_lb错误解决方法
2013-08-28 17:18 2605工作中,通过apache配置了虚拟主机,但是在查看erro ... -
Linux下通过Apache搭建Tomcat集群
2013-07-08 11:03 1394集群说明: 1. 负载均衡(Load Balance): ... -
单例模式
2013-07-05 11:01 904单例模式是对象的创建模式之一,此外还包括工厂模式。单例模式的 ... -
MySQL里的ERROR 1366 (HY000): Incorrect string value问题
2012-11-27 13:35 1445这个就是编码的问题,可能在装MySql的时候选择的是默认的编码 ... -
Oracle 杂
2012-11-26 21:10 951如下都是之前做项目过程中,涉及到的一些Oracle知识,接着估 ... -
Oracle 删除操作 truncate与delete区别
2012-10-23 10:20 1159truncate,可以删除表中的所有记录,释放表空间,只 ... -
Oracle中在已有数据的表中更改字段类型(四步)
2012-10-19 15:57 1269data型转换成varchar型 第一步: alter t ... -
Unable to resolve superclass of L错误
2012-09-29 14:36 2260Android开发中如果将ADT 升级到17以上(包括17 ... -
svn: applying log message to xxxx Could not execute PROPPATCH错误
2012-06-21 12:22 1595此种情况,可能是svn版本的一个bug,不支持提交日志的分行编 ... -
PhoneGap中HTTP链接自动调用本地浏览器解决办法
2012-05-24 13:40 2915PhoneGap项目中,在html页面中,如果存在譬如:< ... -
Jquery ajax 跨域
2012-04-24 09:32 1517服务器端代码:IP:10.11.18.154 pack ... -
phonegap初始页配置
2012-04-23 14:05 1210在Android中,phonegap的默认首页是index.h ... -
前端技术博客学习
2012-04-23 11:01 936http://www.cnblogs.com/yuzhongw ... -
jQuery Mobile 中文手册 Ajax开发版——初始化部分
2012-04-23 10:41 1444转自:http://www.cnblogs.com/yuzho ... -
jQuery Mobile 动态加入的html,如何加上jqm自带的样式
2012-04-23 10:39 3178转自:http://www.cnblogs.com/yuzho ... -
移动开发框架PhoneGap技术分析(转)
2012-04-23 10:09 1962移动应用产品往 ... -
利用PhoneGap向SD卡中写入文件
2012-03-20 17:11 7535要求:需要向sd卡中的某个文件夹中的某个txt文件中写入一些用 ... -
解决关于jquery mobile databox日期插件手机上失效的问题
2012-03-19 15:04 8549不废话,直接上代码 <html> <he ... -
JqueryMobile链接一个页面,而链接页面中图片需刷新才显示的问题
2012-03-14 21:06 10235最近在做一个项目,由于涉及到跨平台性,所以采用了jqu ...
相关推荐
PhoneGap+jQueryMobile开发Android应用实例,搭建开发环境
用PhoneGap+jQueryMobile开发Android应用实例,很好的android开发学习教材。
该源码是使用phonegap加jquery mobile开发基于html5 css3的应用的项目例子。可以很好的来学校jquery mobile。
使用jQuery Mobile + PhoneGap 开发Android应用程序
没分下载东西了,只好卖我的经典代码了,以下是我通过html5做的多个跨平台应用的demo框架:使用 phonegap 开发android应用框架结构 前台页面用jquery mobile开发,后台用axis2开发实现webservice,前后台用js发送...
phonegap jquerymobile 简单示例
使用PhoneGap轻松部署jQuery Mobile应用程序等。通过本书的学习,读者将会获悉jQuery Mobile的核心特性,以及如何创建可主题化的设计,还会掌握jQuery Mobile的API,以及如何使用PhoneGap来扩展jQuery Mobile。 ...
用PhoneGap+jQueryMobile开发Android应用实例
Android+Jquerymobile+PhoneGap的项目实例,包括 用这些 js UI实现的 滑屏、触摸、禁横屏、滚动特效。绝对经典,技术绝对齐全, 绝对适合你学习。想学手机软件开发的人,必须选择我的资源, 与我一起进步!!!
使用phonegap轻松部署jquery mobile应用程序等。通过本书的学习,读者将会获悉jquery mobile的核心特性,以及如何创建可主题化的设计,还会掌握jquery mobile的api,以及如何使用phonegap来扩展jquery mobile。 ...
使用PhoneGap轻松部署jQuery Mobile应用程序等。通过本书的学习,读者将会获悉jQuery Mobile的核心特性,以及如何创建可主题化的设计,还会掌握jQuery Mobile的API,以及如何使用PhoneGap来扩展jQuery Mobile。 ...
使用phonegap轻松部署jquerymobile应用程序等。通过本书的学习,读者将会获悉jquerymobile的核心特性,以及如何创建可主题化的设计,还会掌握jquerymobile的api,以及如何使用phonegap来扩展jquery mobile。 ...
NULL 博文链接:https://royal2xiaose.iteye.com/blog/1568052
压缩文件包含PhoneGap wp7, JQuery Mobile 中文手册,PhoneGap1.3 它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,Bada和Blackberry智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外...
搞这个jquery mobile定位 总的算来也花了我半个月时间了 但现在还是只能在android上才能够精确定位 如果只是jmobile定位 把www文件夹下面的文件放到哪个项目上都可以 没办法 能力有限啊 项目是android+phonegap+...
Android PhoneGap实例 Jquery Mobile开发实例希望对大家有帮助!
第10章 使用phonegap轻松部署jquery mobile应用程序 10.1 什么是phonegap 10.2 将jquery mobile作为一个ios app来运行 10.3 将jquery mobile作为一个android app来运行 10.4 open app market 10.5 ...
经历了近一年时间开发的jQuery Mobile正式版1.0终于发布了。jQuery Mobile建立在jQuery Core和jQuery Ui之上,是适用于移动设备的JS框架。作用在于能为智能机,平板机,电子阅读器,台式机等众多平台,提供以HTML5...