RecyclerView 实现流式布局,自适应列数及高度

在 Android 中，要实现流式布局的 RecyclerView 并自适应列数和高度，可以通过自定义 LayoutManager 或使用第三方库（如 FlexboxLayoutManager）来实现。以下是具体实现方案：

方案一：使用 FlexboxLayoutManager（推荐）

FlexboxLayoutManager 是 Google 官方支持的弹性布局管理器，可轻松实现流式布局效果。

步骤 1：添加依赖

在 build.gradle 中添加依赖：

groovy

implementation 'com.google.android:flexbox:3.0.0'

步骤 2：配置 RecyclerView

import com.google.android.flexbox.FlexDirection;
import com.google.android.flexbox.FlexWrap;
import com.google.android.flexbox.FlexboxLayoutManager;
import com.google.android.flexbox.JustifyContent;

// 在 Activity/Fragment 中
RecyclerView recyclerView = findViewById(R.id.recyclerView);

// 创建 FlexboxLayoutManager
FlexboxLayoutManager layoutManager = new FlexboxLayoutManager(this);
layoutManager.setFlexDirection(FlexDirection.ROW);  // 水平排列
layoutManager.setFlexWrap(FlexWrap.WRAP);           // 自动换行
layoutManager.setJustifyContent(JustifyContent.FLEX_START); // 左对齐

recyclerView.setLayoutManager(layoutManager);
recyclerView.setAdapter(adapter); // 设置适配器

步骤 3：调整 Item 布局

在 Item 的 XML 布局中，通过 layout_flexBasisPercent 控制宽度比例（可选）：

xml

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:padding="8dp"
    android:text="Item"
    app:layout_flexBasisPercent="0.3" /> <!-- 约占一行的30%宽度 -->

方案二：自定义 FlowLayoutManager

若不想引入第三方库，可自定义 LayoutManager 实现流式布局：

public class FlowLayoutManager extends RecyclerView.LayoutManager {
    private int mTotalHeight = 0;
    private int mHorizontalSpacing = 16; // 水平间距
    private int mVerticalSpacing = 16;   // 垂直间距

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

    @Override
    public void onLayoutChildren(RecyclerView.Recycler recycler, RecyclerView.State state) {
        if (getItemCount() == 0) {
            removeAndRecycleAllViews(recycler);
            return;
        }
        
        detachAndScrapAttachedViews(recycler);
        
        int width = getWidth();
        int paddingLeft = getPaddingLeft();
        int paddingRight = getPaddingRight();
        int availableWidth = width - paddingLeft - paddingRight;
        
        int xOffset = paddingLeft;
        int yOffset = getPaddingTop();
        int rowHeight = 0;
        
        mTotalHeight = 0;
        
        for (int i = 0; i < getItemCount(); i++) {
            View view = recycler.getViewForPosition(i);
            addView(view);
            measureChildWithMargins(view, 0, 0);
            
            int childWidth = getDecoratedMeasuredWidth(view);
            int childHeight = getDecoratedMeasuredHeight(view);
            
            // 如果当前 item 宽度 + 已用宽度 > 可用宽度，则换行
            if (xOffset + childWidth > availableWidth) {
                xOffset = paddingLeft;
                yOffset += rowHeight + mVerticalSpacing;
                rowHeight = 0;
            }
            
            layoutDecorated(view, xOffset, yOffset, 
                           xOffset + childWidth, yOffset + childHeight);
            
            xOffset += childWidth + mHorizontalSpacing;
            rowHeight = Math.max(rowHeight, childHeight);
            
            // 更新总高度
            if (i == getItemCount() - 1) {
                mTotalHeight = yOffset + rowHeight + getPaddingBottom();
            }
        }
        
        mTotalHeight = Math.max(mTotalHeight, getHeight());
    }

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

    @Override
    public int scrollVerticallyBy(int dy, RecyclerView.Recycler recycler, RecyclerView.State state) {
        // 实现垂直滚动逻辑（略）
        // 需处理 view 的回收和复用
        return dy;
    }
}

使用方法

java

FlowLayoutManager layoutManager = new FlowLayoutManager();
recyclerView.setLayoutManager(layoutManager);

关键要点

1. 自适应列数：通过 FlexboxLayoutManager 或自定义 LayoutManager 自动计算每行可容纳的 Item 数量。
2. 自适应高度：Item 的高度由内容决定，布局管理器会自动处理换行和垂直间距。
3. 性能优化：使用 RecyclerView 的回收机制处理大量 Item，避免内存问题。

如果需要更复杂的效果（如瀑布流），可考虑使用 StaggeredGridLayoutManager 或第三方库 StaggeredGridView。

转自：RecyclerView 实现流式布局 - 豆包