别再说不会自定义 LayoutManager 了，还不用吃 X！

2023-10-28 03:47:03

刚开始学习自定义 LayoutManager 的时候，我也是在网上搜文章，看博客，以及一些公众号的推文。刚开始看的时候觉得还是那么回事，但是在慢慢的深入 LayoutManager 源码才发现很多的文章其实都是不合格，乃至可以说是很误导人的，所以才想自己写一篇关于自定义 LayoutManager 的文章，希望能对大家有所帮助。

RecyclerView 的优点

在介绍自定义 LayoutManager 之前，我们先来简单了解一下 RecyclerView 的优点：

高性能： RecyclerView 使用了高效的回收机制来管理视图，可以极大地提高列表的滚动性能。
可扩展性： RecyclerView 提供了非常好的可扩展性，可以轻松实现各种自定义布局。
灵活性： RecyclerView 可以轻松与其他组件集成，如动画和手势事件。

自定义 LayoutManager

RecyclerView 的强大功能之一就是它允许你自定义 LayoutManager。自定义 LayoutManager 可以让你完全控制列表项的排列方式，从而实现各种自定义布局，如网格布局、瀑布流布局和卡片布局等。

自定义 LayoutManager 的原理

自定义 LayoutManager 的原理其实并不复杂，主要包括以下几个步骤：

测量视图： 在这个步骤中，你需要计算每个视图的尺寸。
定位视图： 在这个步骤中，你需要计算每个视图的位置。
回收视图： 在这个步骤中，你需要回收不再显示的视图。

自定义 LayoutManager 的实现

要实现一个自定义 LayoutManager，你需要实现以下几个方法：

onMeasure()： 测量视图的尺寸。
onLayoutChildren()： 定位视图。
canScrollVertically()： 判断列表是否可以垂直滚动。
canScroll pictogramrizontally()： 判断列表是否可以水平滚动。
generateDefaultLayoutParams()： 生成默认的布局参数。

自定义 LayoutManager 的示例

下面是一个自定义网格布局的示例：

public class GridManager extends RecyclerView.LayoutManger {

    private int columnCount;
    private int itemWidth;

    public GridManager(int columnCount, int itemWidth) {
        this.columnCount = columnCount;
        this.itemWidth = itemWidth;
    }

    @Override
    public void onMeasure(RecyclerView.Recycler recycler, RecyclerView.State state, int widthSpec, int heightSpec) {
        super.onMeasure(recycler, state, widthSpec, heightSpec);
        int widthMode = View.MeasureSpec.getMode(widthSpec);
        int widthSize = View.MeasureSpec.getSize(widthSpec);
        int heightMode = View.MeasureSpec.getMode(heightSpec);
        int heightSize = View.MeasureSpec.getSize(heightSpec);

        // 计算列表的宽度和高度
        int width = widthMode == View.MeasureSpec.EXACTLY ? widthSize : widthSize - getPaddingLeft() - getPaddingRight();
        int height = heightMode == View.MeasureSpec.EXACTLY ? heightSize : heightSize - getPaddingTop() - getPaddingBottom();

        // 计算每列的宽度
        int columnWidth = width / columnCount;

        // 计算总行数
        int rowCount = (int) Math.ceil((double) state.getItemCount() / columnCount);

        // 计算列表的高度
        int height = rowCount * itemWidth + getPaddingTop() + getPaddingBottom();

        // 设置列表的宽高
        set MeasuredDimension(width, height);
    }

    @Override
    public void onLayoutChildren(RecyclerView.Recycler recycler, RecyclerView.State state) {
        super.onLayoutChildren(recycler, state);

        // 计算每列的宽度
        int columnWidth = getWidth() / columnCount;

        // 计算总行数
        int rowCount = (int) Math.ceil((double) state.getItemCount() / columnCount);

        // 循环布局视图
        for (int i = 0; i < state.getItemCount(); i++) {
            // 获取视图
            View view = recycler.getViewForPosition(i);

            // 计算视图的宽度和高度
            int width = columnWidth;
            int height = itemWidth;

            // 计算视图的位置
            int left = (i % columnCount) * columnWidth;
            int top = (i / columnCount) * itemWidth;

            // 布局视图
            layoutDecorated(view, left, top, left + width, top + height);
        }
    }

    @Override
    public boolean canScrollVertically() {
        return false;
    }

    @Override
    public boolean canScroll horizontally() {
        return false;
    }

    @Override
    public RecyclerView.LayoutParams generateDefaultLayoutParams() {
        return new RecyclerView.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
    }
}