作者:nn371417415 | 来源:互联网 | 2023-05-18 23:04
PhoneGap把相关通讯录的信息封装在一个Contact类中,因此在对通讯录进行操作前首先要创建一个Contact对象。这个例子不仅可以学习如何操作通讯录,而且还可以学习如何在Phon
PhoneGap把相关通讯录的信息封装在一个Contact类中,因此在对通讯录进行操作前首先要创建一个Contact对象。
这个例子不仅可以学习如何操作通讯录,而且还可以学习如何在PhoneGap中使用插件,在实际项目中有时会用到,也可以用原生的获取后传到js程序中
目录
- 创建一个Contact对象
- 利用find()方法查询通讯录
- Contact对象的属性
- 联系人的创建、读取、修改和删除
- ContactField对象的深入研究
前言 为了更好的演示,我在index.html中创建了一个目录,效果见下图:
index.html代码如下
说明:上面代码中document.addEventListener("deviceready",onDeviceReady,false);是给页面添加一个监听事件。
"deviceready"为事件的内容,这里是设备加载完毕监听
onDeviceReady为在页面加载完毕后执行的回调函数。加载完毕执行比较安全,不容易出异常
一、通讯录信息的获取
PhoneGap中的联系人
创建一个Contact对象
说明:本节最重要的知识点是navigator.contacts.create(properties),如果想操作通讯录的话首先要用这个语句新建一个Contact对象
,运行效果如下
二、利用find()方法查询通讯录
代码如下
点击查询
利用find()方法查询通讯录
说明:
上面代码讲的就是find()方法的使用,navigator.contacts.find()格式和create()是一样的,这也是PhoneGap插件的引入格式,开头是以navigator开始,contacts代表的就是我们使用的插件名称是通讯录,如果我们要让手机震动那就得使用notification插件了,这些下篇还会讲到,find()是插件中的方法,括号中的参数fields是要查询联系人的哪些字段,onSuccess是执行成功的回调函数,onError是执行失败的回调函数,options是查询的关键字
提前先在手机上新建一个联系叫Cat,然后运行,结果如下
三、利用create()方法新建联系人
代码如下
点击创建联系人
利用create()方法创建联系人
原理很简单,下面是运行效果:
四、联系人的增删改查
代码如下:
联系人的创建、读取、修改和删除
新建2个联系人,克隆第一个,然后删掉第一个创建的联系人
克隆一个联系人
删除一个联系人
运行效果如下:
五、ContactField对象的深入研究
代码如下:
ContactField对象的深入研究
在Contact对象中,电话号码(phoneNumbers)就是一个ContactField类型的数组对象
其实就是添加各个字段,运行效果如下,就截一个图演示下
PhoneGap操作联系人的内容基本上就这么多了,在没有用到联系人的应用里不是太实用,下一节比较实用,PhoneGap的消息提示