jQuery Mobile 设计 Android 通讯录

（一）

本文假设读者已对

jQuery Mobile 有一定的初步认识，同时也初步了解 Android 的一些

基本用法。

本教程的结构

本系列教程安排如下。在第一部分中，我们将介绍在应用程序中的运行界面截图，说明

整个应用的流程走向及结构，并说明一些如何在

Android 的 Webview 控件中通过 Javascript

与后端的

JAVA 应用程序交互的一些技巧和知识点，其中会介绍 jQuery Mobile 中的各种重

要页面元素。在本系列的第二部分中，将介绍如何在通讯录应用中新增加、编辑和删除帐号。
在本系列的第三部分中，将介绍如何增加通讯录，其中会介绍用到一个工具类。在第四部分，
将重点介绍如何使用

Jackson JSON 处理库去将 JAVA 对象和 JSON 对象之间进行转换，并

介绍了项目整个工程如何配置，如何根据

Android 的图标设计最佳实践去设计图标，最后

总结全系列的教程。

页面流程结构

下面来讲解应用的页面流程结构。在这个应用中，每个通讯录都与帐号相关联的，也就

是说，每个帐号的用户中可以建立多个通讯录，就象

gmail 一样。当 Android 应用启动后，

会检查应用中是否已经建立了帐号，如果是第一次启动，是不存在帐号的，那么会提示用
户新建立一个帐号，如下图所示：

一旦建立了帐号后，

就可以进入通讯录的初始
页面了，如下图：

可以看到，上图是按

字母顺序对通讯录排序。
当用户点

“Add”按钮时，

则会显示让用户输入具体
的通讯录的页面，如下边
左边第一张图所示