一个App完成入门篇(六)- 完成通讯录页面

第五章和第六章间隔时间有点长,对不起人人了。下面继承。

本节教程将要教会人人怎样加载当地通讯录。

导入项目
导入通讯录
自定义js模块
发送和定阅page音讯
将要进修的demo效果图以下所示
《一个App完成入门篇(六)- 完成通讯录页面》

  1. 导入完全项目

本节示例demo请参考下载地点,能够导入到设想器中进修。

这节教程中将要用到的组件有do_Contect、do_IndexListView,请人人前几节教程所传授的要领,提早增加这两个组件,并打成响应调试包用于调试。

  1. 导入通讯录
    DeviceOne开辟的do_Contact组件是针对手机当地通讯录的增删查改供应响应功用的一个组件,而do_IndexListView是一个右边带索引的ListView组件,经由过程索引能疾速定位到该索引下首条数据,常被用于相似通讯录和歌曲列表等功用中。

所以想要在App中模拟手机通讯录功用,只需简朴地将当地通讯录里的数据读取出来并将这些数据绑定给IndexListView中展现即可。

先给do_IndexListView定义一个模板页addressCell.ui,在addressCell.ui.js中定义好数据映照,再将do_IndexListView的template属性指向addressCell.ui的地点,如许ViewModel就定义好了。

接下来再预备数据module。我们定义一个MM类的数据源组件do_HashData,并向个中增加当地通讯录中读取出来的数据,由于do_IndexListView比较特别,数据源中每项value的第一个元素为索引组的数据,点击该条数据没法触发touch和longTouch事宜。

《一个App完成入门篇(六)- 完成通讯录页面》

  1. 自定义js模块
    这里想要导入自定义的js库,猎取通讯录的联系人的首字母拼音。

    原文作者:jonh_felix
    原文地址: https://segmentfault.com/a/1190000005018664
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞