一个App完成入门篇（六）- 完成通讯录页面
2024-09-30 02:39:21
第五章和第六章间隔时间有点长，对不起大家了。下面继续。
本节教程将要教会大家如何加载本地通讯录。
- 导入项目
- 导入通讯录
- 自定义js模块
- 发送和订阅page消息
将要学习的demo效果图如下所示
1. 导入完整项目
本节示例demo请参考下载地址，可以导入到设计器中学习。
这节教程中将要用到的组件有do_Contect、do_IndexListView，请大家前几节教程所教授的方法，提前添加这两个组件，并打成相应调试包用于调试。
2. 导入通讯录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事件。
3. 自定义js模块
这里想要导入自定义的js库，获取通讯录的联系人的首字母拼音。
最新文章
- MVC 生成图片，下载文件
- Volley用法
- Make命令
- android: PendingIntent的使用
- Java数据库连接——JDBC调用存储过程,事务管理和高级应用
- 19) Java并发
- Nodejs 动态加载 require
- 深入Android开发之--理解View#onTouchEvent
- gitcafe 使用hexo搭建博客
- 关于C# 调用 C dll时，抓获C的异常
- C语言经典程序190例
- Flowers（二分水过。。。）
- OCP-1Z0-051-名称解析-文章7称号
- MVC几种传值方式
- 转：HTTP协议详解（真的很经典）
- Python REST
- scanf———while(scanf ("%lu",&num) = =1)什么意思
- Kubernetes 学习1 k8s架构概述
- HDU 2586 How far away ？
- Linux下的awk文本分析命令实例(二)