如何在RecyclerView中实现TextView动态横向排列并自动换行？

嘿，这个场景我太熟了！水平LinearLayout本身就是“一条道走到黑”的横向布局，完全不会自动换行，所以才会出现你说的错误效果。要实现这种文本块自动换行的流式布局，这里有几个靠谱的方案，你可以根据项目情况选：

方案1：使用Google官方FlexboxLayout（最推荐） #

FlexboxLayout是Google推出的布局库，完美支持类似CSS Flexbox的特性，自动换行就是它的基本功能之一，而且兼容性拉满。

步骤： #

1. 添加依赖：在Module级别的build.gradle（或build.gradle.kts）中引入库：

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

2. 替换布局：把RecyclerView Item里原来的水平LinearLayout换成FlexboxLayout，关键要开启换行属性：

<com.google.android.flexbox.FlexboxLayout
    android:id="@+id/description_container"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:flexWrap="wrap" <!-- 核心：开启自动换行 -->
    app:alignItems="center" <!-- 可选：让文本块垂直居中 -->
    app:flexDirection="row" <!-- 默认横向排列，可省略 -->
    app:horizontalSpacing="8dp" <!-- 可选：设置文本块之间的水平间距 -->
    app:verticalSpacing="8dp"> <!-- 可选：设置行之间的垂直间距 -->

    <!-- 这里后续动态添加TextView -->
</com.google.android.flexbox.FlexboxLayout>

3. 动态添加TextView：在RecyclerView的Adapter里，直接把TextView添加到这个FlexboxLayout即可，它会自动根据屏幕宽度判断是否换行：

// 示例代码（Adapter的onBindViewHolder中）
FlexboxLayout container = holder.itemView.findViewById(R.id.description_container);
container.removeAllViews(); // 先清空旧视图

for (String text : data.getDescriptions()) {
    TextView tv = new TextView(context);
    tv.setText(text);
    tv.setBackgroundResource(R.drawable.bg_tag); // 可选：给文本块加个背景，更美观
    tv.setPadding(16, 8, 16, 8);
    container.addView(tv);
}

方案2：自定义FlowLayout（无依赖） #

如果不想引入第三方库，自己写一个简单的流式布局ViewGroup也不难，核心就是重写onMeasure和onLayout方法，手动计算子View的位置。

自定义FlowLayout示例： #

public class FlowLayout extends ViewGroup {
    // 可自定义间距，这里用默认值
    private int horizontalGap = dp2px(8);
    private int verticalGap = dp2px(8);

    public FlowLayout(Context context) {
        super(context);
    }

    public FlowLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        // 可选：通过自定义属性获取间距
    }

    private int dp2px(int dp) {
        return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dp, getResources().getDisplayMetrics());
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int parentWidth = MeasureSpec.getSize(widthMeasureSpec) - getPaddingLeft() - getPaddingRight();
        int totalHeight = getPaddingTop();
        int currentLineWidth = 0;
        int currentLineMaxHeight = 0;

        // 遍历所有子View，计算每行的宽度和高度
        for (int i = 0; i < getChildCount(); i++) {
            View child = getChildAt(i);
            measureChild(child, widthMeasureSpec, heightMeasureSpec);
            int childWidth = child.getMeasuredWidth();
            int childHeight = child.getMeasuredHeight();

            if (currentLineWidth + childWidth > parentWidth) {
                // 换行：累加当前行高度，重置行宽和行高
                totalHeight += currentLineMaxHeight + verticalGap;
                currentLineWidth = childWidth + horizontalGap;
                currentLineMaxHeight = childHeight;
            } else {
                // 不换行：累加行宽，更新行最大高度
                currentLineWidth += childWidth + horizontalGap;
                currentLineMaxHeight = Math.max(currentLineMaxHeight, childHeight);
            }
        }
        // 加上最后一行的高度
        totalHeight += currentLineMaxHeight + getPaddingBottom();

        // 设置布局的最终尺寸
        setMeasuredDimension(MeasureSpec.getSize(widthMeasureSpec), totalHeight);
    }

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        int currentLeft = getPaddingLeft();
        int currentTop = getPaddingTop();
        int currentLineMaxHeight = 0;

        for (int i = 0; i < getChildCount(); i++) {
            View child = getChildAt(i);
            int childWidth = child.getMeasuredWidth();
            int childHeight = child.getMeasuredHeight();

            if (currentLeft + childWidth > getWidth() - getPaddingRight()) {
                // 换行：更新top位置，重置left和行高
                currentTop += currentLineMaxHeight + verticalGap;
                currentLeft = getPaddingLeft();
                currentLineMaxHeight = 0;
            }
            // 给子View设置位置
            child.layout(currentLeft, currentTop, currentLeft + childWidth, currentTop + childHeight);
            // 更新当前行的位置和最大高度
            currentLeft += childWidth + horizontalGap;
            currentLineMaxHeight = Math.max(currentLineMaxHeight, childHeight);
        }
    }
}

然后在布局里直接用这个自定义FlowLayout，用法和LinearLayout完全一样，动态添加TextView即可。

方案3：用ChipGroup（Material Design场景） #

如果你的项目已经在用Material Components库，ChipGroup也是个不错的选择——它默认支持自动换行，不仅可以放Chip，也能放TextView：

<com.google.android.material.chip.ChipGroup
    android:id="@+id/description_container"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:chipSpacingHorizontal="8dp"
    app:chipSpacingVertical="8dp"
    app:singleLine="false">

    <!-- 动态添加TextView或Chip -->
</com.google.android.material.chip.ChipGroup>

这个方案的好处是自带Material风格的间距和排版，适合追求设计一致性的项目。

内容的提问来源于stack exchange，提问作者Kartik Shah