Android布局XML中实现双列垂直TextView的最优布局及实现方法咨询

嘿，这个布局需求其实挺常见的，我来给你拆解下最适合的实现方案～

1. ConstraintLayout（首推，最灵活高效） #

ConstraintLayout是现在Android官方最推荐的布局，它能避免多层嵌套，性能更优，而且调整布局的灵活性拉满。你可以直接把所有TextView放在同一个ConstraintLayout里，通过约束关系实现对齐：

• 先让TextView1和TextView5顶部对齐，同时把TextView5约束到TextView1的右侧；
• TextView2绑定在TextView1的下方，TextView6绑定在TextView5的下方，同时让TextView6和TextView2顶部对齐；
• 剩下的TextView3/7、TextView4/8重复上面的约束逻辑就行。

给你个简化的代码示例：

<androidx.constraintlayout.widget.ConstraintLayout
    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:padding="16dp">

    <TextView
        android:id="@+id/tv1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="TextView 1"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintStart_toStartOf="parent"/>

    <TextView
        android:id="@+id/tv5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="TextView 5"
        app:layout_constraintTop_toTopOf="@id/tv1"
        app:layout_constraintStart_toEndOf="@id/tv1"
        android:layout_marginStart="16dp"/>

    <TextView
        android:id="@+id/tv2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="TextView 2"
        app:layout_constraintTop_toBottomOf="@id/tv1"
        app:layout_constraintStart_toStartOf="@id/tv1"
        android:layout_marginTop="8dp"/>

    <TextView
        android:id="@+id/tv6"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="TextView 6"
        app:layout_constraintTop_toTopOf="@id/tv2"
        app:layout_constraintStart_toStartOf="@id/tv5"/>

    <!-- 剩下的tv3/tv7、tv4/tv8按照同样逻辑添加即可 -->
</androidx.constraintlayout.widget.ConstraintLayout>

这种方式没有嵌套，后续调整间距、对齐方式都很方便，性能也有保障。

2. LinearLayout（嵌套方式，简单直观） #

如果你习惯用LinearLayout，也可以用水平LinearLayout嵌套两个垂直LinearLayout的方式：

• 外层是水平方向的LinearLayout；
• 左边放一个垂直LinearLayout，里面依次放TextView1-4；
• 右边放另一个垂直LinearLayout，里面依次放TextView5-8；
• 可以给两个垂直LinearLayout设置合适的间距或者宽度，保证排列整齐。

代码示例：

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:padding="16dp"
    android:gap="16dp">

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:gap="8dp">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView 1"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView 2"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView 3"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView 4"/>
    </LinearLayout>

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:gap="8dp">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView 5"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView 6"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView 7"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView 8"/>
    </LinearLayout>
</LinearLayout>

这种方式逻辑简单，新手容易上手，不过要注意嵌套层数不要过多（这里只有两层，完全没问题）。

关于你问的RelativeLayout方案 #

你提到把TextView1和TextView5放在同一个RelativeLayout里，再重复这个结构——技术上是可行的，但非常不推荐。因为这样会产生4个RelativeLayout嵌套，布局层数变多，性能不如前面两种方案，而且每个小RelativeLayout都要单独处理内部对齐，后续维护起来也麻烦。

如果一定要用RelativeLayout，单个成对的写法是这样的：

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <TextView
        android:id="@+id/tv1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="TextView 1"/>
    <TextView
        android:id="@+id/tv5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="TextView 5"
        android:layout_toRightOf="@id/tv1"
        android:layout_alignTop="@id/tv1"
        android:layout_marginLeft="16dp"/>
</RelativeLayout>

然后把4个这样的RelativeLayout放在一个垂直LinearLayout里也能实现效果，但确实不如前面两种方案高效。

总结一下：优先选ConstraintLayout，其次是嵌套LinearLayout，RelativeLayout的嵌套方式不推荐，除非有特殊场景需求。

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