Android中横向LinearLayout内多TextView超出屏幕的换行问题咨询

你遇到的这个问题挺常见的——横向LinearLayout本身是单行布局，当里面的TextView内容太长、或者控件数量多到超出屏幕宽度时，超出部分就会被直接隐藏，不会自动换行。下面给你几个实用的解决办法：

方法一：使用FlexboxLayout（官方推荐） #

Google官方提供的FlexboxLayout完美适配这种需要自动换行的横向布局场景，用法和LinearLayout类似，但天生支持自动换行。

1. 先在Module级别的build.gradle中添加依赖：

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

2. 替换原来的LinearLayout为FlexboxLayout，配置关键属性：

<com.google.android.flexbox.FlexboxLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@id/layout5"
    app:flexWrap="wrap" <!-- 核心属性：允许内容换行 -->
    app:alignItems="center"> <!-- 可选：让控件在垂直方向居中 -->

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="This is the text"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Another long text that should wrap to next line when screen is small"/>

    <!-- 可添加更多TextView控件 -->
</com.google.android.flexbox.FlexboxLayout>

app:flexWrap="wrap"是实现换行的关键，它会让布局内的控件在超出容器宽度时自动切换到下一行。

方法二：使用第三方FlowLayout #

如果不想依赖官方Flexbox，也可以试试成熟的第三方FlowLayout库，比如com.nex3z:flow-layout，同样能轻松实现换行效果。

1. 添加依赖：

implementation 'com.nex3z:flow-layout:1.3.0'

2. 布局中使用：

<com.nex3z.flowlayout.FlowLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@id/layout5"
    app:flChildSpacing="8dp" <!-- 控件之间的水平间距 -->
    app:flRowSpacing="8dp"> <!-- 行与行之间的垂直间距 -->

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="This is the text"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Another long text that should wrap to next line when screen is small"/>

</com.nex3z.flowlayout.FlowLayout>

方法三：自定义支持换行的LinearLayout（不推荐） #

如果不想依赖任何第三方库，也可以自己写一个支持换行的LinearLayout，但需要重写onMeasure方法来计算换行逻辑，代码量较大且需要处理各种边界情况（比如padding、margin、不同布局参数），维护起来比较麻烦，所以更推荐前两种方法。

简单的自定义布局示例：

public class WrapLinearLayout extends LinearLayout {
    public WrapLinearLayout(Context context) {
        super(context);
    }

    public WrapLinearLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int widthSize = MeasureSpec.getSize(widthMeasureSpec);
        int widthMode = MeasureSpec.getMode(widthMeasureSpec);
        int heightSize = MeasureSpec.getSize(heightMeasureSpec);
        int heightMode = MeasureSpec.getMode(heightMeasureSpec);

        int totalWidth = 0;
        int totalHeight = 0;
        int lineWidth = 0;
        int lineHeight = 0;

        for (int i = 0; i < getChildCount(); i++) {
            View child = getChildAt(i);
            measureChild(child, widthMeasureSpec, heightMeasureSpec);
            MarginLayoutParams lp = (MarginLayoutParams) child.getLayoutParams();

            int childWidth = child.getMeasuredWidth() + lp.leftMargin + lp.rightMargin;
            int childHeight = child.getMeasuredHeight() + lp.topMargin + lp.bottomMargin;

            if (lineWidth + childWidth > widthSize - getPaddingLeft() - getPaddingRight()) {
                // 超出宽度，换行累加高度
                totalHeight += lineHeight;
                lineWidth = childWidth;
                lineHeight = childHeight;
            } else {
                // 同一行，累加宽度并取最大行高
                lineWidth += childWidth;
                lineHeight = Math.max(lineHeight, childHeight);
            }

            if (i == getChildCount() - 1) {
                totalHeight += lineHeight;
            }
        }

        totalWidth = widthMode == MeasureSpec.EXACTLY ? widthSize : lineWidth + getPaddingLeft() + getPaddingRight();
        totalHeight = heightMode == MeasureSpec.EXACTLY ? heightSize : totalHeight + getPaddingTop() + getPaddingBottom();

        setMeasuredDimension(totalWidth, totalHeight);
    }
}

总的来说，最省心靠谱的方式就是用官方的FlexboxLayout，兼容性和稳定性都有保障，能快速实现你想要的换行效果。

内容的提问来源于stack exchange，提问作者Adeel Faisal