构建跨平台APP-jQuery.Mobile移动应用实战

【实例简介】
构建跨平台APP-jQuery.Mobile移动应用实战
构建跨平台APP jQuery Mobile移动应用实战 孪柯泉编著 清华大学出版社 北京 内容简介 jQuery mobile是目前最流行的跨平台移动开发框架,本书以实例驱动讲解的方式,让零基础读者也能轻 松掌握 j Query mobile下的应用开发。 本书分为4篇,第一篇是移动开发入门篇,介绍了 jQuery mobile、HTML5和移动开发的一些基础知识, 以及如何搭建开发环境:第二篇是 jQuery Mobile基础篇,介绍了 jQuery mobile中对话框、工具栏、按钮 表单、布局和插件的使用:第三篇是跨平台APP实战篇,介绍了6个使用 jQuery Mobile开发的实际APP 第四篇是发布和推广应用篇,介绍了在开发完成之后,如何发布和推广自己的APP。 本书内容详尽、实例丰富,是广大 jQuery Mobile初学者、跨平台移动开发人员必备的参考书,同时也适 合作为高等院校和培训学校相关专业师生的教学参考书。 本书封面贴有清华大学出版社防伪标签,无标签者不得销售 版权所有,侵权必究。侵权举报电话:010-6278298913701121933 图书在版编目(C|P)数据 构建跨平台APP: jQuery mobile移动应用实战/李柯泉编著.一北京:清华大学出版社,2014 ISBN978-7-302-35696-7 I.①构…I.①李…Ⅲ.①移动电话机一应用程序一JAVA语言一程序设计I.①IN929.53②TP312 中国版本图书馆CIP数据核字(2014)第056712号 责任编辑:夏非彼 封面设计:王翔 责任校对:闫秀华 责任印制:刘海龙 出版发行:清华大学出版社 网址http://www.tup.com.cn.http://www.wql com 地址:北京清华大学学研大厦A座 邮编:100084 社总机:010-62770175 邮购:010-62786544 投稿与读者服务:010-62776969,service@tup.tsinghua.edu.cn 质量反馈:010-62772015,zhiliang(@tup.tsinghua.edu.cn 印刷者:清华大学印刷厂 装订者:三河市溧源装订厂 经销:全国新华书店 开本:190mm×260mm 印张:27.5 字数:704千字 版次:2014年5月第1版 印次:2014年5月第1次印卬刷 印数:1~3000 定价:65.00元 产品编号:05634301 jQuery mobile是一个免费的、开源的、跨平台的移动开发框架,是基于HTML5的快速 开发工具,它能够极大地解放开发者的时间和精力。遗憾的是,由于国内交流氛围所限,目前 关于 jQuery mobile的资料非常少,而且不够详细。作者结合自己的开发经验,在本书中全面 介绍了 j Query Mobile和HTML5、 jQuery Mobile的控件、 jQuery mobile的布局,以及 jQuery 开发和发布应用的方法。本书的目的是力求通过实战让读者在练习中熟练掌握利用 jQuery mobile快速开发的方法,并能够真实地将技术转化为经济利益。可以这么说, jQuery Mobile的前途和钱途都是不可限量的。 本书特色 1.实战,实战,还是实战 本书采用实例驱动的方式介绍 jQuery mobile下的APP开发,全书提供70余个实战案例 教会读者进行移动开发,最后还通过6个小型项目来复习和巩固所学知识点。 2.不是0S平台、 Android平台、 Windows Phone平台下的开发,是全平台开发 本书开发的项目是全平台应用,读者可移植到任意的移动平台,这是 jQuery mobile风靡 的原因,也是本书的宗旨,即实现真正的跨平台应用。 3.技术来源于生活,案例也来源于生活 本书的案例包含了笔者做过的很多应用,包括天天背单词APP、移动校园APP、在线音 乐播放器、在线视频播放器、通讯录、课程表、 Metro界面、新闻列表、手机调査问卷、计算 器、移动BBS、电子阅读器等,这些案例全部来源于真实的生活。 4.低门槛、浅阅读,轻轻松松就能学会 为使本书更加详尽易懂,每写完一章,笔者特邀请3位零基础在校生阅读并提出意见,快速 分析出被遗漏的知识点和讲解不清的技术点,使本书更方便初学者入门。笔者的初衷是,不但能 让读者了解做什么(What)与怎么做(How),更能让读者清楚为什么要这么做(Why),本书还 提供了很多跨平台移动APP的工具和技巧,帮助读者找到最佳的学习路径和项目解决方案。 知识结构 本书共4篇19章,主要章节规划如下。 构建跨平台APP: jQuery Mobile移动应用实战 第一篇(第1~3章)移动开发入门 跨平台的框架有很多,为什么选择 jQuery Mobile?选择它后,如何为它搭建开发环境? 搭建完环境后,又如何开发第一个 Hello world应用?如何测试和打包应用?这些都是本篇要 介绍的内容,除此之外,笔者还解答了初学者对于HTML5的一些常见误区。 第二篇(第4~12章) jQuery Mobile基础 凡是玩过智能手机的人都知道,一个APP大概会包含页面、对话框、工具栏、按钮、表 单、列表等可视元素,本篇就是介绍如何用 jQuery mobile制作这些元素,并在手机上显示出 来。学会这些后,还介绍 jQuery Mobile的一些高级特性,如布局、插件、事件等。本篇最后 通过计算器、移动BBS、电子阅读器、记事本、全键盘界面这5个小案例来复习这些 jQuery Mobile的重要知识点。 第三篇(第13~18章)跨平台APP实战 本篇介绍了6个利用 jQuery mobile实现的项目,分别为大学移动校园、个人博客项目、 在线音乐播放器、在线视频播放器、大学校园表白墙、天天背单词。本书不仅仅给出了这些项 目的源代码,还给出了数据库和 APP UI的一些设计技巧。 第四篇(第19章)发布和推广应用 本篇内容不多,却是APP能被广大受众认可的关键内容。本篇讲述了如何将 jQuery mobile 开发的应用通过 Phone Gap打包,然后生成各个平台可执行文件。本篇还介绍了发布和推广应 用的方法,使读者能真正将开发的应用转化为经济效益。 面向读者 HTML5初学者与HTML5开发人员 跨平台移动应用开发人员 ·前端开发人员和前端设计人员 · jQuery Mobile初学者和开发人员 ·高等院校及培训学校的师生 示例代码 本书示例代码下载地址为htp:/pan. baidu. com/s/ / Intwj5OH。 下载如有问题请发送电子邮件至booksagal@163.com,邮件标题为“求jQueryMobile代码”。 编者 2014年3月 目录 第一篇移动开发入门 第1章初探移动开发 2 11如今的移动行业 2 1.1.1手机和平板的世界 2 1.1.2移动互联网的神话 8 1.2跨平台移动开发框架....,…,……,10 1.21什么是跨平台移动开发框架.. ,,,,,,,, 11 1.2.2为什么选择跨平台移动开发框架 12 1.23常见的跨平台移动开发框架 ∴12 13真正认识HTML5 1.3.1HTML5是一项新技术吗 17 1.32只要在网站上加一句<HTML5 Doctype>就是HTML5网站了吗. 13.3HTML5与之前版本相比仅仅是好看 19 1.34使用HTML5能够让我更有王霸之气 ,““““,“““““““:·“““ 19 14认识 jQuery Mobile…… ….21 14.1为什么选择 jQuery Mobile ,21 1.42渐进式增强的主题界面… …22 143简单但是有条理的标记化语言规范..24 144自适应布局 24 14.5 jQuery Mobile的缺点 26 14.6 jQuery Mobile案例…27 1.5小结…………30 第2章启程安卓开发之旅 31 2.1为什么选择安卓 31 22安卓开发环境的搭建 32 22.1JDK的配置 ,,、,·,,,丰,.,,,,,,,,,,,,,,非,,,, 32 构建跨平台APP: ry Mobile移动应用实战 2.22 Eclipse与ADT的配置…35 22.3SDK的更新 36 224第一个程序 .37 22.5使用实体机测试第一个程序…… 39 23错误解决方法......41 2.3.1编译运行报错的解决方法... 41 23.2无法更新SDK…42 2.3.3启动AVD失败 42 24小结… 43 第3章使用 jQuery Mobile快速开发APP 44 31开发环境的选择 44 3.1.1 Dreamweaver编辑器 44 3.1.2 Notepad++编辑器 45 3.1.3UE编辑器….………47 3.14在PC上测试应用 中,,,,.··,,,,,、,,,,,,,,,,·,,,,,,,,,,,,,,,,,,,,,,中,,,,,.,,,,,,非,,,围,、 48 3.1.5打包应用的方法 ·,,·,,,.,,,, 52 3.2原理解析 56 32.1选择元素 ,, 57 322设置属性 ,.,,,, 8 33链接和按钮 58 34工具栏 58 3.5列表 .59 3.6表单控件.……60 3.7小结 第二篇 Query Mob|e基础 第4章页面与对话框 62 4.1依然从he‖ o world开始 62 4.2利用 jQuery脚本DY闪光灯效果 、,,,, 64 4.3不断切换的场景 67 4.4整人游戏:我不是弱智! 4.5警告!你的手机遭到入侵 4.6实现渐变的背景…… ,·,,,, 76 4.7另一种对话框 中,,,,,,,,,,·,,,,,,,, 77 目录 4.8对话框的高级属性 79 49基于 jQuery Mobile的简单相册…………82 4.10总结 85 第5章工具栏的使用 86 51稍微复杂的页面 …86 5.1.1尝试使用工具栏 5.1.2让工具栏固定 89 51.3一次无聊的实验 91 52方便的快捷键 93 53失效的按钮. 95 54导航栏的应用 96 55导航栏的全屏属性∴ 99 5.6内容栏的使用 ,,,,,,,,,,、,,,,,,.,,.,,,、,.,,,,,,,,,,,,,,,,,,,,.,,,,, 101 57会弹出的面板 104 5.8小结 107 第6章按钮的使用 108 6.1简单按钮的使用 108 62为按钮加入图标 ,,着,,着,,,,,,非着 110 63更加个性化的显示图标 13 64自定义按钮的图标 116 65播放器的面板设计 19 66头部栏中的按钮图标 121 67一个按钮也可以玩得很开心 .123 68简单的QWER键盘...126 69方形的按钮 128 6.10对话框中的按钮 .130 6.11小结…...132 第7章表单元素的使用 ∴133 71简单的QQ登录界面 ,,.,,,.,,,,,,,,,,,,,,,,,,,,,,,,、,,,,,,,,,,,,,,,,,,,,,,,,,,着,,,,,,.,,,··,,,, 133 7.2手机调查问卷 137 7.3精准的进度控制 139 74多彩的调色板…… ·.,,,.,,,,,,,,,·.,,,, 141 7.5熄灯,请闭眼 构建跨平台APP: jQuery Mobile移动应用实战 7.6做一道选择题. 146 77多项选择题 148 78请问先生需要什么服务 149 79对话框中的表单 152 7.10小结… 154 第8章列表控件的使用 155 81简单的新闻列表 155 82音乐专辑列表的显示 , 158 83更完善的音乐专辑列表 .161 84显示销量的商品列表… ,,,,来,,,,,,,,, 163 8.5图书销售排名.…… 165 86简单的电话通讯录… …,167 87让查找更加便捷 169 8.8比较高级的新闻列表 171 89小结…… 174 第9章 jQuery Mobile的布局 175 9.1改良后的QQ登录界面 175 92一种简洁的通讯录设计…179 93完美实现九宫格 182 94可以折叠的QQ好友列表 185 95展开图标的设置 ,189 9.6两种不同的 Metro效果实现思路. 192 9.6.1完全利用分栏布局的方法 ∴193 9.62利用纯CSS调整色块尺寸的方法 195 97简洁的课程表 197 9.8小结 ,.,,,,,,着 第10章 jQuery Mobile的高级特性 200 10.1 jQuery Mobile的多页面模板 200 10.2 jQuery Mobile中的事件 205 10.3 jQuery Mobile中的触发事件...........207 104触发事件的简单应用 …..208 10.5 jQuery Mobile的属性 212 10.6小结…… ∴214 【实例截图】
【核心代码】