选择模式

可编辑/多选列表在开发中很常见, BRV可以短短几行代码就可以实现一个选择模式: Demo

多选列表

1. 创建列表

   rv.linear().setup {
       addType<CheckModel>(R.layout.item_check_mode)
   }.models = getData
   

2. 为Model创建一个字段用于保存选择的状态

   data class CheckModel(
       var checked: Boolean = false,
       var visibility: Boolean = false
   ) : BaseObservable() // BaseObservable 这是DataBinding的数据绑定写法
   

3. 监听选择事件

   rv.linear().setup {
      addType<CheckModel>(R.layout.item_check_mode)
      onChecked { position, isChecked, isAllChecked ->
           val model = getModel<CheckModel>(position)
           model.checked = isChecked
           model.notifyChange() // 通知UI跟随数据变化
      }
   }.models = getData
   

4. 触发选择事件

   rv.linear().setup {
      addType<CheckModel>(R.layout.item_check_mode)
      onChecked { position, isChecked, isAllChecked ->
           val model = getModel<CheckModel>(position)
           model.checked = isChecked
           model.notifyChange() // 通知UI跟随数据变化
      }
   
      onClick(R.id.cb, R.id.item) {
           var checked = (getModel() as CheckModel).checked
           setChecked(adapterPosition, checked) // 在点击事件中触发选择事件, 即点击列表条目就选中
      }
   }.models = getData
   

默认选择

如果你想默认选中某些Item, 应当使用setChecked函数去设置, 而不是直接在Model中设置isChecked属性为true(这是不会触发选中回调的)

例如在Demo中就有这么一行代码默认选中第一个Item

// 切换选择模式
tv_manage.setOnClickListener {
    adapter.toggle()
    rv.bindingAdapter.setChecked(0, true) // 一开始就选中第一个
}

函数

支持选择模式的常用函数

函数	描述
allChecked	全选或者全部取消全选
singleMode	是否为单选模式
isCheckedAll	是否被全选
checkedReverse	反选
setChecked	指定位置的条目是否选中
checkedSwitch	切换选中状态
setCheckableType	指定的type才允许选中
getCheckedModels	得到选择的数据模型集合
checkedPosition	被选择的item的position集合
checkedCount	已选择数量
onChecked	选择回调