Android中layout_toStartOf搭配WRAP_CONTENT失效问题求助

这个问题我之前也碰到过，RelativeLayout的约束逻辑在这里确实有点坑——当你给tv_left加上layout_toStartOf="@id/tv_middle"时，RelativeLayout会强制把tv_left的宽度拉伸到从父布局左侧到tv_middle左侧的整个区域，完全忽略了WRAP_CONTENT的设置；但如果去掉这个属性，两个TextView又会在内容过长时重叠。

下面给你两种可行的解决方案：

方案一：用RelativeLayout的灵活约束调整 #

我们可以调整布局的定义顺序，同时给tv_middle添加一个最小的左侧边距，确保tv_left有足够的显示空间，同时保持自身的居中特性：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    style="@style/Widget.AppCompat.Toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/white">

    <!-- 先定义居中的TextView，让RelativeLayout先确定它的位置 -->
    <TextView
        android:id="@+id/tv_middle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:layout_marginStart="60dp" <!-- 预留足够空间给左侧TextView -->
        android:textAllCaps="false"
        android:textColor="@color/black"
        android:textSize="20sp"
        tools:text="This is Title" />

    <!-- 再定义左侧TextView，确保它在父布局左侧且不与中间TextView重叠 -->
    <TextView
        android:id="@+id/tv_left"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:layout_centerVertical="true"
        android:layout_marginEnd="4dp"
        android:layout_marginStart="16dp"
        android:layout_toStartOf="@id/tv_middle"
        android:background="#55ff0000"
        android:padding="6dp"
        android:singleLine="true"
        android:textColor="@color/menuRedColor"
        android:textSize="18sp"
        tools:text="Back" />
</RelativeLayout>

这个方案的核心是先定义中间的TextView，让RelativeLayout先计算出它的居中位置，再让左侧TextView依附于它的左侧，同时给中间TextView设置一个足够大的左侧边距，保证左侧TextView的WRAP_CONTENT能正常生效。不过缺点是这个边距是固定值，如果左侧TextView的内容超过这个边距，还是会被压缩。

方案二：改用ConstraintLayout（更推荐） #

ConstraintLayout的约束逻辑更灵活，能完美实现你想要的效果：既让左侧TextView保持WRAP_CONTENT，又让中间TextView尽量居中，同时两者绝对不会重叠。

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    style="@style/Widget.AppCompat.Toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/white">

    <TextView
        android:id="@+id/tv_left"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="16dp"
        android:layout_marginEnd="4dp"
        android:background="#55ff0000"
        android:padding="6dp"
        android:singleLine="true"
        android:textColor="@color/menuRedColor"
        android:textSize="18sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        tools:text="Back" />

    <TextView
        android:id="@+id/tv_middle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAllCaps="false"
        android:textColor="@color/black"
        android:textSize="20sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@+id/tv_left"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintHorizontal_bias="0.5" <!-- 保持居中倾向 -->
        tools:text="This is Title" />
</RelativeLayout>

这里的关键是给tv_middle设置了两个约束：

• app:layout_constraintStart_toEndOf="@+id/tv_left"：确保它始终在左侧TextView的右边，不会重叠
• app:layout_constraintHorizontal_bias="0.5"：让它尽量保持居中的位置

当左侧TextView内容较短时，tv_middle会保持居中；当左侧TextView内容较长，快要碰到tv_middle的居中位置时，tv_middle会自动向右偏移，确保两者不重叠，同时左侧TextView的WRAP_CONTENT完全生效。

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