《PhoneGap实战》书内实例

本书由来自腾讯的资深专家团队撰写，Adobe中国官方专家和PhoneGap中国社区联袂推荐，繁体版台湾发行。内容全面、注重实战、启发性强，对PhoneGap的所有功能、特性、使用方法和开发技巧进行了全面而透彻的讲解，是系统学习PhoneGap的权威参考书。

全书一共10章：第1章主要介绍了PhoneGap的用途、与其他同类框架的比较，以及Web开发的入门知识；第2章详细讲解了PhoneGap在各个移动平台上的安装与配置；第3章通过一个汇率计算器的实例讲解了PhoneGap应用开发的完整流程和相关技术细节；第4章十分详尽地讲解了PhoneGap的API；第5章和第6章是两个综合性的案例（指南针、万圣节更衣室），它们都依循：构想、设计、开发、调试、发布5大流程，都从实战出发，由浅入深，逐步推进；第7章介绍了PhoneGap应用在各个平台上的发布流程与方法；第8章从不同的平台、视觉风格、交互设计、移动应用选型等角度分享了移动应用产品设计的一些技巧和最佳实践；第9章讲解了PhoneGap与jQuery Mobile的结合使用；第10章介绍了PhoneGap插件的使用。

借着移动应用和HTML 5的东风，PhoneGap在移动应用开发领域的流行速度超过所有人的预期。在中国，PhoneGap同样火爆。PhoneGap官方网站(www.phonegap.com)来自中国的访问者数量排在全球第三名，仅次于美国和印度。

对于程序员来说，学习一门新技术的最好方式就是动手编程。来自腾讯的《PhoneGap实战》是一本基于实际案例的PhoneGap入门书籍，在详尽介绍了PhoneGap API后，通过两个完整的移动应用—“指南针”和“万圣节更衣室”，使PhoneGap初学者能够快速起步，掌握如何创建一个完整移动应用的方法。在这些实战案例后，作者基于实际经验，分享了开发跨平台移动应用时产品设计方面的经验，进而介绍了如何使用可视化HTML 5动画制作工具Adobe Edge设计交互动画，并和PhoneGap结合。

由于工作关系，近一年来在多个HTML 5开发者会议和活动中介绍PhoneGap，有幸结识了许多Web开发者。腾讯广告产品部设计中心是在实际项目中使用PhoneGap的先行者。PhoneGap很好地切合了其项目的需求特点：快速开发，跨平台。随着越来越多的移动开发者使用PhoneGap并逐渐深入，自然而然地会产生诸多争论。对于Web开发者来说，PhoneGap能够令你快速上手，但也应该认识到PhoneGap并不是针对移动开发的“万能药”。对于那些需要大量交互操作、重动画效果和页面渲染的App来说，比如游戏，PhoneGap也许并不是最佳的解决方案。然而，这并不是产生于PhoneGap的问题，而是所有HTML 5开发者在移动平台上的困扰。iOS系统上UIWebView与Safari的引擎性能的差距，Android系统的碎片化以及不同设备上HTML 5性能的巨大差别是导致这些问题的根本原因。但毋庸置疑的是，HTML 5是未来发展的趋势。HTML 5和基于HTML 5的PhoneGap在移动开发领域有巨大的成长空间。在Adobe、微软、IBM等巨头厂商的持续投入下，PhoneGap会不断完善和发展。就目前来说，PhoneGap对于那些以内容为主，需要充分发挥HTML特点的应用是非常好的选择。比如，HTML天生的内容流动排版能力是原生应用很难实现的，而PhoneGap可以完美借助HTML快速开发实现此类应用。

写此文时，我正坐在Adobe旧金山办公室的大堂中，即将拜访PhoneGap开发团队的工程总监，介绍中国PhoneGap开发者的状况，以及讨论如何来帮助推动PhoneGap在中国的发展。我由衷地感谢本书作者在PhoneGap开发者社区中的贡献。在当今社会，出版一本技术书籍完全凭借对技术的热爱和奉献精神，除了获得成就感以外，物质回报微乎其微。正鉴于此，更应该为本书的作者和出版团队鼓掌。
董龙飞Adobe中国区平台技术经理

封面图

目录

• 推荐序
• 前言
• 第一篇准备篇
• 第1章认识PhoneGap / 2
• 1.1 PhoneGap 介绍 / 2
• 1.1.1 什么是PhoneGap / 2
• 1.1.2PhoneGap的起源 / 2
• 1.1.3 PhoneGap的用途 / 3
• 1.1.4 PhoneGap的发展现状及趋势 / 3
• 1.2PhoneGap的优势与不足 / 4
• 1.2.1PhoneGap相比其他框架的优势 / 4
• 1.2.2 PhoneGap的不足/ 5
• 1.3 Web开发速成 / 6
• 1.3.1 HTML介绍 / 6
• 1.3.2 CSS介绍 / 7
• 1.3.3 JavaScript入门 / 10
• 1.4 小结 / 13
• 第2章安装和配置PhoneGap / 14
• 2.1下载PhoneGap/ 14
• 2.2配置PhoneGap / 15
• 2.2.1配置PhoneGap 到iOS / 15
• 2.2.2配置PhoneGap 到Android / 19
• 2.2.3配置PhoneGap到BlackBerry / 31
• 2.2.4配置PhoneGap 到webOS / 34
• 2.2.5配置PhoneGap 到Symbian / 36
• 2.3小结 / 37
• 第3章编写第一个PhoneGap应用—汇率计算器 / 38
• 3.1汇率计算器功能概述 / 38
• 3.2创建程序 / 39
• 3.3配置程序界面 / 40
• 3.3.1引入相关文件 / 40
• 3.3.2制作程序界面 / 40
• 3.4给程序添加功能逻辑 / 46
• 3.5在模拟器中测试程序 / 51
• 3.6在手机上测试程序 / 52
• 3.6.1生成iPhone应用 / 52
• 3.6.2生成Android应用 / 53
• 3.7小结 / 53
• 第二篇基础篇
• 第4章PhoneGap API详解 / 56
• 4.1PhoneGap API简介 / 56
• 4.2使用PhoneGap API前的准备 / 57
• 4.3本地事件处理 / 57
• 4.3.1deviceready / 57
• 4.3.2 pause / 58
• 4.3.3 resume / 59
• 4.3.4 online / 60
• 4.3.5 offline / 61
• 4.3.6 backbutton / 61
• 4.3.7 batterycritical / 62
• 4.3.8 batterylow / 63
• 4.3.9 batterystatus / 64
• 4.3.10 menubutton / 65
• 4.3.11 searchbutton / 66
• 4.3.12 startcallbutton / 67
• 4.3.13 endcallbutton / 68
• 4.3.14 volumedownbutton / 69
• 4.3.15 volumeupbutton / 69
• 4.4 加速计传感器 / 70
• 4.4.1 获取加速计传感器的坐标位置 / 70
• 4.4.2 周期性获取加速计传感器的坐标位置 / 71
• 4.4.3 停止监视加速计传感器的坐标位置 / 73
• 4.5 使用设备摄像头 / 74
• 4.6多媒体采集 / 77
• 4.6.1使用capture对象录制视频 / 77
• 4.6.2 使用capture对象获取图片 / 79
• 4.6.3 使用capture对象录制语音 / 80
• 4.7 侦测设备屏幕朝向—指南针 / 82
• 4.7.1 获取指南针当前朝向 / 82
• 4.7.2 在固定的时间间隔获取设备朝向的角度 / 83
• 4.7.3 停止WatchID参数指定的指南针监听 / 84
• 4.7.4 当指南针改变度数时获取朝向度数 / 86
• 4.7.5 停止watchID参数指定的指南针朝向度数的监听 / 87
• 4.8获取网络连接状态 / 88
• 4.9访问手机通讯录 / 89
• 4.9.1创建一个新的联系人 / 89
• 4.9.2 查询联系人 / 90
• 4.9.3处理联系人信息 / 91
• 4.10获取设备信息 / 93
• 4.10.1获得设备的型号名称 / 94
• 4.10.2获取设备上正在运行的PhoneGap版本信息 / 94
• 4.10.3获得设备使用的操作系统名称 / 95
• 4.10.4获得设备的全球唯一标识 / 95
• 4.10.5获得操作系统的版本号 / 95
• 4.11文件系统处理 / 96
• 4.11.1File / 96
• 4.11.2FileReader / 96
• 4.11.3FileWriter / 99
• 4.11.4 FileSystem / 102
• 4.11.5 FileEntry / 103
• 4.11.6 DirectoryEntry / 106
• 4.11.7 DirectoryReader / 111
• 4.11.8 FileTransfer / 112
• 4.12 使用设备传感器的GPS地理位置服务 / 115
• 4.12.1 获得当前地理位置 / 115
• 4.12.2 监测设备的位置变化 / 116
• 4.12.3 停止监听设备的位置变化 / 117
• 4.13 播放和录制音频 / 118
• 4.13.1 获得音频文件的当前位置 / 118
• 4.13.2 获得音频文件总时长 / 120
• 4.13.3 开始或者继续播放音频文件 / 121
• 4.13.4 暂停播放音频文件 / 123
• 4.13.5 释放音频资源 / 124
• 4.13.6 停止播放音频文件 / 125
• 4.13.7 在音频文件中跳到指定位置 / 127
• 4.13.8 启动录制音频文件 / 127
• 4.13.9 停止录制音频文件 / 129
• 4.14消息提示 / 130
• 4.14.1警告框 / 130
• 4.14.2 确认框 / 131
• 4.14.3 蜂鸣 / 132
• 4.14.4 振动 / 133
• 4.15 客户端数据存储 / 134
• 4.15.1 openDatabase / 134
• 4.15.2 Database/ 135
• 4.15.3 SQLTransaction/ 137
• 4.15.4 SQLResultSet/ 138
• 4.15.5SQLResultSetList/ 140
• 4.15.6 SQLError/ 142
• 4.15.7 localStorage/ 142
• 4.16 小结 / 143
• 第三篇实战篇
• 第5章“指南针”应用程序 / 146
• 5.1指南针应用简介及功能概述 / 146
• 5.2利用PhoneGap创建指南针应用程序 / 146
• 5.2.1主流平台指南针应用程序介绍 / 146
• 5.2.2创建PhoneGap指南针程序 / 147
• 5.2.3指南针程序UI界面 / 150
• 5.2.4程序代码及逻辑讲解 / 150
• 5.2.5导出应用程序 / 155
• 5.2.6在手机上测试应用程序 / 158
• 5.3小结 / 159
• 第6章“万圣节更衣室”应用程序 / 160
• 6.1设置项目 / 160
• 6.2配置程序界面/ 161
• 6.2.1程序界面介绍 / 161
• 6.2.2程序界面分辨率说明 / 162
• 6.2.3程序界面图片素材配置 / 163
• 6.3界面HTML与CSS编写 / 163
• 6.3.1基础代码 / 163
• 6.3.2开始页 / 164
• 6.3.3 文本输入页 / 166
• 6.3.4 摇晃监测页 / 167
• 6.3.5 结果页 / 169
• 6.3.6 HTML与CSS最终代码 / 170
• 6.4 程序编写 / 172
• 6.4.1 界面切换功能 / 172
• 6.4.2 文本输入页功能 / 175
• 6.4.3 摇晃监测页功能 / 177
• 6.4.4 结果页功能 / 184
• 6.4.5 退出程序功能 / 188
• 6.4.6 最终代码 / 189
• 6.5 打包与测试 / 193
• 6.5.1 打包生成APK文件 / 193
• 6.5.2 测试运行 / 195
• 6.6 小结 / 196
• 第四篇提高篇
• 第7章发布应用程序 / 198
• 7.1将程序提交到App Store / 198
• 7.1.1向Apple注册 / 198
• 7.1.2准备应用程序的发行版本 / 207
• 7.1.3提交App / 218
• 7.2将Android应用程序提交到移动应用程序市场 / 222
• 7.2.1注册成为开发者 / 222
• 7.2.2提交App / 225
• 7.3小结 / 225
• 第8章移动应用的产品设计 / 226
• 8.1Android和iPhone的产品设计差异 / 226
• 8.1.1功能定义阶段 / 226
• 8.1.2构架交互阶段 / 227
• 8.1.3改进细化阶段 / 229
• 8.1.4输出产品阶段 / 230
• 8.2统一化与差异化 / 231
• 8.2.1视觉风格的统一 / 231
• 8.2.2交互设计的差异化 / 232
• 8.3交互体验的重要性 / 234
• 8.3.1什么是交互设计 / 234
• 8.3.2交互设计的重要性 / 234
• 8.3.3如何进行交互设计 / 237
• 8.4 WebApp与原生App / 239
• 8.4.1WebApp和原生App的对比 / 239
• 8.4.2 如何选择WebApp和原生App / 240
• 8.5利用HTML 5和JavaScript编写交互动画 / 241
• 8.5.1利用Adobe Edge创建一个新的项目 / 241
• 8.5.2创建带缓动的渐入HTML动画 / 243
• 8.5.3创建循环动画效果 / 245
• 8.5.4创建按钮完成应用界面的跳转 / 246
• 8.5.5导出HTML动画 / 247
• 8.6小结 / 249
• 第9章PhoneGap与jQuery Mobile的结合使用 / 250
• 9.1jQuery简介 / 250
• 9.2了解jQuery Mobile / 252
• 9.3使用jQuery Mobile / 252
• 9.4PhoneGap与jQuery Mobile / 255
• 9.5小结 / 255
• 第10章PhoneGap的插件 / 256
• 10.1如何使用PhoneGap插件 / 256
• 10.2 小结 / 260