apicloud apicloud

注册
查看: 3745|回复: 18

[模块教程] 【模块示例】listContact模块示例demo

官方版主

UID:791056

主题:
9
帖子:
17949
云币:
5594

[模块教程] 【模块示例】listContact模块示例demo

3745 18 | 发表于 2019-6-13 19:42:34 |阅读模式 | |
本帖最后由 马浩川 于 2019-6-13 19:52 编辑

listContact定义了一个类似微信联系人界面的模板,开发者可自定义数据源,ui界面里的各种元素的样式等。
注意:右边索引导航条仅支持字母
文档地址:https://docs.apicloud.com/Client-API/UI-Layout/listContact

模块效果:

主要配置参数详解:
leftBtn:(可选项)往右滑动cell露出的按钮的参数配置项
leftBg:(可选项)往右滑动cell露出的视图的背景色,支持 rgb,rgba,#
cellBgColor:(可选项)cell的背景色,支持 rgb,rgba,#
cellSelectColor:(可选项)选中cell时的颜色,支持 rgb,rgba,#
data:列表数据
        common[{
            placeholderImg: 'widget://res/img/ic/listContact.png',  占位图片
            img: 'http://img1.3lian.com/gif/more/11/201206/a5194ba8c27b17def4a7c5495aba5e32.jpg',   头像图片
            title: '标题'

                     }]   数组类型 公共cell项
       A:[{
            placeholderImg: 'widget://res/img/ic/listContact.png',  占位图片
            img: 'http://img1.3lian.com/gif/more/11/201206/a5194ba8c27b17def4a7c5495aba5e32.jpg',   头像图片
            title: '标题'
                     }],    各个区域项
       B:[{
            placeholderImg: 'widget://res/img/ic/listContact.png',  占位图片
            img: 'http://img1.3lian.com/gif/more/11/201206/a5194ba8c27b17def4a7c5495aba5e32.jpg',   头像图片
            title: '标题'

           .......
callback(ret, err)  回调函数,在此可以判断对列别表项的一些操作,比如对点击左滑按钮进行删除ltem操作
类型:JSON 对象
{
    index:              //点击某个cell所在区域内的cell的下标
    section:            //被点击的cell所在的区域的下标
    key:               //被点击的cell的区域的key
    clickType:            //点击类型,0-cell;1-右边按钮;2-左边的按钮
    btnIndex:             //点击按钮时返回其下标
}

补充数明:安卓设备再打开页面是需要设置bounces: false
Demo源码:




本帖子中包含更多资源    您需要 登录 才可以下载或查看,没有帐号?立即注册

主题:
41
帖子:
9323
云币:
12138

社会摇圣诞节老司机你吃屎!首长好!我还是个孩子!托马斯全旋女朋友不想上班!装逼侠单身狗超人锤子侠SB侠我李白贼6APICloud大会专属勋章狗年旺旺旺足球狗捣蛋鬼儿童节快乐APICloud五岁啦

发表于 2019-6-13 20:04:00 |
希望以后出的demo模块能够结合一些实际用
微信公众号、小程序、app、webapp、pc网页端项目合作点击QQ82201127

官方版主

UID:791056

主题:
9
帖子:
17949
云币:
5594
 楼主| 发表于 2019-6-13 19:53:05 |
当占位图片和头像图片同事设置时优先显示头像图片

主题:
26
帖子:
2248
云币:
9443

APICloud五岁啦

发表于 2019-6-13 23:01:04 |
有源码 支持一下

主题:
50
帖子:
238
云币:
425
发表于 2019-6-14 07:35:57 |
赞一个

官方版主

UID:791056

主题:
9
帖子:
17949
云币:
5594
 楼主| 发表于 2019-6-14 14:10:08 |
本帖最后由 马浩川 于 2019-8-8 09:21 编辑
Mr.ZhouHeng 发表于 2019-6-13 20:04
希望以后出的demo模块能够结合一些实际用

这个模块跟微信的通讯录差不多

主题:
41
帖子:
9323
云币:
12138

社会摇圣诞节老司机你吃屎!首长好!我还是个孩子!托马斯全旋女朋友不想上班!装逼侠单身狗超人锤子侠SB侠我李白贼6APICloud大会专属勋章狗年旺旺旺足球狗捣蛋鬼儿童节快乐APICloud五岁啦

发表于 2019-6-14 15:53:01 |
马浩川 发表于 2019-6-14 14:10
这个模块跟微信的通讯录差不多,不过没有搜索功能

还不错
微信公众号、小程序、app、webapp、pc网页端项目合作点击QQ82201127

职业车手

UID:436609

主题:
40
帖子:
1801
云币:
7462

足球狗

发表于 2019-6-17 08:37:06 |
赞一下

主题:
60
帖子:
282
云币:
339
发表于 2019-8-14 18:11:53 |
子标题没设置 title 怎么没有居中显示

主题:
60
帖子:
282
云币:
339
发表于 2019-8-19 08:52:10 |
马浩川 发表于 2019-6-14 14:10
这个模块跟微信的通讯录差不多

版主,子标题没设置 title 怎么没有居中显示
12下一页
您需要登录后才可以回帖 登录 | 立即注册

快速回复 返回顶部 返回列表