Android嵌套LinearLayout转RelativeLayout与ConstraintLayout问题咨询

问题a：RelativeLayout实现错误原因 #

你的代码主要存在3个问题：

• 没有复现原来LinearLayout中左侧TextView的layout_weight=1效果：原布局中左侧控件会占满水平方向除右侧TextView外的所有剩余空间，你当前给左侧TextView设置的宽度是wrap_content，也没有添加相对右侧控件的约束，所以左侧控件只会随文字内容适配宽度，无法撑满剩余空间。
• 右侧TextView同时设置layout_toEndOf和layout_alignParentEnd存在冲突，当左侧文字过长时会直接把右侧TextView挤出屏幕可视区域。
• 第二行的两个TextView垂直约束不统一：id2的约束是layout_below="@id/id1"，id_2的约束是layout_below="@id/id_1"，如果第一行两个TextView高度不一致，会直接导致第二行的两个控件上下错开无法对齐。

修正后的RelativeLayout代码： #

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <!-- 第一行左侧 -->
    <TextView
        android:id="@+id/id1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="foo1"
        android:layout_alignParentStart="true"
        android:layout_toStartOf="@id/id_1"
        />
    <!-- 第一行右侧 -->
    <TextView
        android:id="@+id/id_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="foo_value"
        android:layout_alignParentEnd="true"
        />

    <!-- 第二行左侧 -->
    <TextView
        android:id="@+id/id2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="foo2"
        android:layout_alignParentStart="true"
        android:layout_toStartOf="@id/id_2"
        android:layout_below="@id/id1"
        />
    <!-- 第二行右侧 -->
    <TextView
        android:id="@+id/id_2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="foo2_value"
        android:layout_alignParentEnd="true"
        android:layout_alignBaseline="@id/id2"
        />
</RelativeLayout>

问题b：ConstraintLayout实现方案 #

首先需要确保模块级build.gradle中已经引入ConstraintLayout依赖（新版本AndroidX默认会添加），实现代码如下：

<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <TextView
        android:id="@+id/id1"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="foo1"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toStartOf="@id/id_1"
        app:layout_constraintTop_toTopOf="parent"
        />

    <TextView
        android:id="@+id/id_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="foo_value"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintBaseline_toBaselineOf="@id/id1"
        />

    <TextView
        android:id="@+id/id2"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="foo2"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toStartOf="@id/id_2"
        app:layout_constraintTop_toBottomOf="@id/id1"
        />

    <TextView
        android:id="@+id/id_2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="foo2_value"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintBaseline_toBaselineOf="@id/id2"
        />

</androidx.constraintlayout.widget.ConstraintLayout>

这里左侧TextView宽度设置为0dp（即match_constraint）配合左右约束，就能实现和原layout_weight=1完全一致的撑满剩余空间效果，baseline约束保证同行的两个文本基准线对齐，显示效果和原嵌套LinearLayout完全一致。

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