给 Adapter 做 “加法” —— 实战 MergeAdapter-阿里云开发者社区

给 Adapter 做 “加法” —— 实战 MergeAdapter

2022-05-11 189

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 给 Adapter 做 “加法” —— 实战 MergeAdapter

什么是 MergeAdapter ？

在最新的 recyclerview:1.2.0-alpha02 中发布了一个关于 Adapter 的新特性 MergeAdapter 。我们可以 “合并”Adapter，或者说给 Adapter “做加法”。

听起来可能不是那么容易理解。我们先来看下面的 RecyclerView 应该如何实现？

源码地址见文末。

实现起来其实很简单，利用现有的知识，大部分人都能想到用多类型的 itemView 。这里要区分三种类型，Teacher ，Student 和 Foot 。不同的类型要对应不同的布局文件，同样也对应不同的业务逻辑。

长久以来我们一直都是这么做的。那么，你有没有想过这么做有什么不合理的地方吗？耦合度过高 。上面的示例中一个 Adapter 需要负责三套视图布局的呈现，如果是四套，五套，甚至更多呢？从 扩展性 上来说，这个方案也不尽合理。

既然如此，那就让每个 Adapter 只负责一套视图布局。既降低了代码耦合度，又便于扩展。如果出现了新的布局类型，再来一个 Adapter 就行了。上面的示例中一共需要三个 Adapter，TeahcherAdapter，StudentAdapter，FootAdapter 。

TeahcherAdapter 负责展示列表最上面 Teacher 部分的视图。StudentAdapter 负责展示列表主体 Student 部分的视图。FootAdapter 负责展示列表底部加载状态的视图，包含加载中和无更多数据。

看起来很美好，各司其职，互不干扰。然而问题时，你的 RecyclerView 可以接受几个 Adapter ？

public void setAdapter(@Nullable Adapter adapter) {
        // bail out if layout is frozen
        setLayoutFrozen(false);
        setAdapterInternal(adapter, false, true);
        processDataSetCompletelyChanged(false);
        requestLayout();
    }
复制代码

RecyclerView 显然是 “一夫一妻制” 。通过 setAdapter() 方法，我们只能给 RecyclerView 设置一个 Adapter 。

在 recyclerview:1.2.0-alpha02 中，其实我们仍然只能设置一个 Adapter ，但是这个 Adapter 可以是 MergeAdapter ，一个可以做加法的 Adapter 。

直接上代码。

private val teacherAdapter by lazy { TeacherAdapter() }
private val studentAdapter by lazy { StudentAdapter() }
private val stateAdapter by lazy { StateAdapter() }
val mergeAdater  = MergeAdapter(teacherAdapter, studentAdapter, footAdapter)
recyclerView.adapter = mergeAdapter
复制代码

使用方法就是如此的朴实无华，甚至有那么一点枯燥。MergeAdapter 构造函数中的参数顺序，就标识了列表中数据的显示顺序。

第一块布局是 Teacher 。在实际开发中，常常可以用作 Header View 。

class TeacherAdapter : ListAdapter<Teacher, TeacherViewHolder>(TeacherDiffCallback()) {
    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): TeacherViewHolder {
        return TeacherViewHolder(
            ItemTeacherBinding.inflate(
                LayoutInflater.from(parent.context),
                parent,
                false
            )
        )
    }
    override fun onBindViewHolder(holder: TeacherViewHolder, position: Int) {
        holder.bind(getItem(position))
    }
}
复制代码

第二块布局是 Student 。也就是实际开发中的真正的列表数据。

class StudentAdapter : ListAdapter<Student, StudentViewHolder>(StudentDiffCallBack()) {
    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): StudentViewHolder {
        return StudentViewHolder(
            ItemStudentBinding.inflate(
                LayoutInflater.from(parent.context),
                parent,
                false
            )
        )
    }
    override fun onBindViewHolder(holder: StudentViewHolder, position: Int) {
       holder.bind(getItem(position))
    }
}
复制代码

最后一块布局是状态布局，也就是通常的 Footer 。包含正在加载，加载失败和无更多数据，三种状态。

class FootAdapter : ListAdapter<LoadState, StateViewHolder>(StateDiffCallBack()) {
    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): StateViewHolder {
        return StateViewHolder(
            ItemStateBinding.inflate(
                LayoutInflater.from(parent.context),
                parent,
                false
            )
        )
    }
    override fun onBindViewHolder(holder: StateViewHolder, position: Int) {
        holder.bind(getItem(position))
    }
}
复制代码