Android 多行TextView设置wrap_content后占满宽度 如何保留真实适配效果

问题原因 #

这是Android TextView的默认布局逻辑：当文本长度超过单行可显示宽度需要折行时，TextView会先占用父布局分配的最大可用宽度，再进行文本折行，所以即使折行后某行文本较短，也会保留最大宽度的占位，导致出现两侧空白，表现和match_parent类似。

可行解决方案 #

方案1：自定义TextView（全版本兼容，无额外依赖） #

重写onMeasure方法，计算所有文本行的实际最大宽度，将TextView的宽度设置为该值即可，实现代码如下：

import android.content.Context
import android.util.AttributeSet
import androidx.appcompat.widget.AppCompatTextView
import kotlin.math.max

class WrapContentTextView @JvmOverloads constructor(
    context: Context,
    attrs: AttributeSet? = null,
    defStyleAttr: Int = 0
) : AppCompatTextView(context, attrs, defStyleAttr) {

    override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec)
        val layout = layout ?: return
        // 遍历所有行获取最大行宽
        var maxLineWidth = 0f
        for (i in 0 until lineCount) {
            maxLineWidth = max(maxLineWidth, layout.getLineWidth(i))
        }
        // 加上左右padding得到最终实际宽度
        val finalWidth = (maxLineWidth + paddingLeft + paddingRight).toInt()
        setMeasuredDimension(finalWidth, measuredHeight)
    }
}

在XML布局中直接替换原有TextView，保持android:layout_width="wrap_content"属性不变即可实现预期效果。如果你的TextView有设置drawableStart/drawableEnd等内容，在计算宽度时加上对应drawable的宽度即可。

方案2：使用FlexboxLayout（无需自定义View） #

如果项目已接入Google Flexbox布局库，可以直接通过父容器属性实现该效果，无需自定义View：

1. 首先在模块级build.gradle中引入依赖：

dependencies {
    implementation "com.google.android.flexbox:flexbox:3.0.0"
}

2. 布局示例：

<com.google.android.flexbox.FlexboxLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center_horizontal"
    app:flexDirection="column"
    app:alignItems="center">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:background="@drawable/rounded_bg"
        android:backgroundTint="@color/colorAccent"
        android:text="Example text ================"
        android:textAlignment="center"
        android:textColor="#fff"
        android:textSize="28sp" />

</com.google.android.flexbox.FlexboxLayout>

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