【模块示例】listContact模块示例demo

马浩川

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**.**/gif/more/11/201206/a5194ba8c27b17def4a7c5495aba5e32.jpg',   头像图片
            title: '标题'

                     }]   数组类型 公共cell项
       A：[{
            placeholderImg: 'widget://res/img/ic/listContact.png',  占位图片
            img: 'http://img1**.**/gif/more/11/201206/a5194ba8c27b17def4a7c5495aba5e32.jpg',   头像图片
            title: '标题'
                     }],    各个区域项
       B：[{
            placeholderImg: 'widget://res/img/ic/listContact.png',  占位图片
            img: 'http://img1**.**/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源码：

Mr.ZhouHeng

希望以后出的demo模块能够结合一些实际用

马浩川

当占位图片和头像图片同事设置时优先显示头像图片

飞翔的翔

有源码 支持一下

李小宅

赞一个

马浩川

Mr.ZhouHeng 发表于 2019-6-13 20:04
希望以后出的demo模块能够结合一些实际用

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

Mr.ZhouHeng

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

还不错

VvVv1o

赞一下

Mr_Fu

子标题没设置 title 怎么没有居中显示

Mr_Fu

马浩川 发表于 2019-6-14 14:10
这个模块跟微信的通讯录差不多

版主，子标题没设置 title 怎么没有居中显示