一个App完成入门篇（六）- 完成通讯录页面

AbnerMing 发布于2019-08-02 15:54 / 2235人阅读

摘要：我们定义一个类的数据源组件，并向其中添加本地通讯录中读取出来的数据，因为比较特殊，数据源中每项的第一个元素为索引组的数据，点击该条数据无法触发和事件。自定义模块这里想要导入自定义的库，获取通讯录的联系人的首字母拼音。

第五章和第六章间隔时间有点长，对不起大家了。下面继续。

本节教程将要教会大家如何加载本地通讯录。

导入项目
导入通讯录
自定义js模块
发送和订阅page消息
将要学习的demo效果图如下所示

导入完整项目

本节示例demo请参考下载地址，可以导入到设计器中学习。

这节教程中将要用到的组件有do_Contect、do_IndexListView，请大家前几节教程所教授的方法，提前添加这两个组件，并打成相应调试包用于调试。

导入通讯录
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事件。

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

超融合服务器云服务器判断一个js加载完成完成上传加载完成完成后

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/54310.html

一个App完成入门篇（六）- 完成通讯录页面

摘要：我们定义一个类的数据源组件，并向其中添加本地通讯录中读取出来的数据，因为比较特殊，数据源中每项的第一个元素为索引组的数据，点击该条数据无法触发和事件。自定义模块这里想要导入自定义的库，获取通讯录的联系人的首字母拼音。第五章和第六章间隔时间有点长，对不起大家了。下面继续。本节教程将要教会大家如何加载本地通讯录。导入项目导入通讯录自定义js模块发送和订阅page消息将要学习的demo...

cheukyin 2019-08-19 18:12 评论0 收藏0
一个App完成入门篇（三）-完善主框架

摘要：本节教程将继续带领大家完善教学导入项目完善主框架完成子视图打开新页启动动画将要学习的效果图如下所示如何导入完整项目本节示例请参考下载地址，可以导入到设计器中学习。完成子视图接下来我们来完成需要展示的子视图。本节教程将继续带领大家完善教学demo 导入项目完善主框架完成viewShower子视图打开新页启动动画将要学习的demo效果图如下所示showImg(https://segmen...

DobbyKim 2019-08-19 18:11 评论0 收藏0
一个App完成入门篇（三）-完善主框架

摘要：本节教程将继续带领大家完善教学导入项目完善主框架完成子视图打开新页启动动画将要学习的效果图如下所示如何导入完整项目本节示例请参考下载地址，可以导入到设计器中学习。完成子视图接下来我们来完成需要展示的子视图。本节教程将继续带领大家完善教学demo 导入项目完善主框架完成viewShower子视图打开新页启动动画将要学习的demo效果图如下所示showImg(https://segmen...

wizChen 2019-08-01 15:12 评论0 收藏0
微信小程序初体验，入门练手项目--通讯录，后台是阿里云服务器

摘要：最近微信小程序异常火爆，很多人在学习，下面带着大家搭建下微信小程序的调试环境，并调试入门练手项目通讯录和基础即可微信推荐使用的语言，去菜鸟教程简单学习下，，，即可，方便大家学习。一、前言（坑爹的玩意）项目源码：https://github.com/saucxs/wx_... 微信小程序自从2017年，被各种看好，不过一段时间过去了还是反响平平，下半年随着各项功能的开放，很多企业...

joyvw 2019-08-28 17:46 评论0 收藏0
微信小程序初体验，入门练手项目--通讯录，后台是阿里云服务器

摘要：最近微信小程序异常火爆，很多人在学习，下面带着大家搭建下微信小程序的调试环境，并调试入门练手项目通讯录和基础即可微信推荐使用的语言，去菜鸟教程简单学习下，，，即可，方便大家学习。一、前言（坑爹的玩意）项目源码：https://github.com/saucxs/wx_... 微信小程序自从2017年，被各种看好，不过一段时间过去了还是反响平平，下半年随着各项功能的开放，很多企业...

kel 2019-08-23 12:41 评论0 收藏0