PhoneGap与Jquery Mobile结合开发android应用配置
由于工作需要,用到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. */@Overridepublic 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>
运行结果如下:
转:http://www.myexception.cn/android/434545.html
转载于:https://www.cnblogs.com/huidaoli/p/3549794.html
PhoneGap与Jquery Mobile结合开发android应用配置相关推荐
- 使用phoneGap和Sencha Touch 2开发Android应用程序(四)
2019独角兽企业重金招聘Python工程师标准>>> 本文是" 使用phoneGap和Sencha Touch 2开发Android应用程序"系列教程的第4章, ...
- 使用jQuery Mobile快速开发手机站点
来自:http://brooky.cc/2011/04/18/jquery-mobile-for-fast-mobile-website-development/ 當你看著 Apple 的 iOS d ...
- IDEA基于kotlin开发android程序配置小结
IDEA功能极其强大,和微软的宇宙第一IDE不相上下.用了很长时间,对它配置的完善性产生了近乎迷信的感情.似乎只要走正常渠道,用它来配置,没有不成功的. IDEA是开发android原生程序的利器,a ...
- 安卓 c 语言开发环境搭建,用C++语言开发Android程序 配置开发环境
如果你是一个C++语言的死忠,你喜欢C++语言到了偏执的状态,如果不想学习Java语言,或者你很讨厌Java语言,如果你认为Java虚拟机的内存占用太多和执行低效.如果你过度关注Andoird程序的执 ...
- jQuery Mobile 移动开发中的日期插件Mobiscroll 2.3 使用说明
因为做的项目需要,在我网上看到mobiscroll这个插件,然后各种找demo,最后自己研究一下,下面是就我自己项目上用到的进行分析: 首先是常用的日期使用: HTML部分: <li id=&q ...
- Cocos2d-x 结合Box2D开发Android游戏配置方法
cocos2d 游戏引擎和 Box2D 物理引擎都是什么,干什么用的,这里我就不多废话了.这里主要讲的是基于 C++ 的 cocos2d-x 在 Android 系统上开发游戏时如何与 Box2D 物 ...
- Qt开发Android环境配置
目录 0.前提 1.安装JDK 2.Android SDK下载 3. 安装模拟器 4.Qt中进行配置 5.新建android项目 6.结束 0.前提 安装Qt时勾选Android相关套件,确保Qt的安 ...
- PhoneGapjQuery Mobile应用开发环境配置(For Android)
PhoneGap&jQuery Mobile应用开发环境配置(For Android) 看看新闻网>看引擎>开源产品 4人收藏此文章, 发表于2小时前(2013-08-19 16: ...
- phoneGap+jquery mobile项目经验
最近一个月,一直在用phoneGap+jquery mobile来开发一项目. 下面谈谈自己在开发过程中遇到的一些问题以及解决方法. 开始选择框架时,曾试过采用其他框架做UI,例如chocolat ...
最新文章
- java代码操作git_JGit--实现Git命令操作的Java API
- Amber计算MM能量
- mac上面启用托盘放大效果的方法
- 跟我学 Java 8 新特性之 Stream 流(三)缩减操作
- 2012服务器系统关闭网络共享,提供网络服务的前提,Windows Server 2012如何更改高级共享设置...
- 解决压缩包跨平台解压缩的中文乱码问题
- java中math方法语句,下列有关Java中标准类Math的random()方法的说法中,正确的是。 - 上学吧学历考试...
- oracle anonhugepage,案例:Oracle linux redhat检查Transparent HugePages状态并关闭
- vue页面按钮点击后,呈现loading加载状态
- [Deprecated( please use panBy and panTo APIs )]
- ITIL 4 讲解:服务目录
- IDEA默认KeyMap映射快捷键
- 2022年安全员-C证上岗证题目及在线模拟考试
- QT延时函数sleep
- sklearn数据集分割方法汇总
- WDF VIOLATION 你的电脑遇到问题,需要重新启动
- 第十四届蓝桥杯广东省省赛游记+个人题解
- php镂空窗,镂空文字效果 视频画面变成镂空文字效果制作
- SpringCloud H版 Config 配制中心讲解
- 超弦理论是如何解决相对论和量子力学之间的冲突?
热门文章
- Ubuntu14.04下C++程序编辑、编译、运行
- 与guacamole服务器的网络不稳定,Apache Guacamole安全漏洞影响数千万用户 - 嘶吼 RoarTalk – 回归最本质的信息安全,互联网安全新媒体,4hou.com...
- python中for循环语句格式_Python基础-10循环语句
- 各种树:trie树、B树、B-树、B+树、B*树
- mos 多路模拟电子开关_【原创】单火线智能开关技术介绍及分析
- css 高度塌陷_HTML+CSS入门 HTML高度塌陷以及定位详解
- 英文期刊论文写作工具入门
- JSON.stringify() 格式化 输出log
- Docker 搜索镜像
- 今日头条屏幕适配方案落地研究