星空网 > 软件开发 > Java

一个App完成入门篇(六)

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

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

  • 导入项目
  • 导入通讯录
  • 自定义js模块
  • 发送和订阅page消息

将要学习的demo效果图如下所示
一个App完成入门篇(六)

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事件。
一个App完成入门篇(六)

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




原标题:一个App完成入门篇(六)

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

tiktok电商带货:https://www.goluckyvip.com/tag/84078.html
tiktok电商变现:https://www.goluckyvip.com/tag/84079.html
爆款趋势:https://www.goluckyvip.com/tag/8408.html
tiktok北美电商:https://www.goluckyvip.com/tag/84080.html
tiktok电商店:https://www.goluckyvip.com/tag/84081.html
tiktok做电商:https://www.goluckyvip.com/tag/84082.html
37号文今后是否会更新?一文详解关键信息 :https://www.kjdsnews.com/a/1836441.html
探讨内地人开设香港账户的可行性 :https://www.kjdsnews.com/a/1836442.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流