Android开发：如何让不同LinearLayout内的TextView与对应ImageView对齐

问题原因 #

你现有布局无法对齐的核心原因是上下两个水平LinearLayout的权重分配逻辑完全不匹配：

• 上方容器共7个子控件（4个ImageView+3条分隔线），所有子控件都设置了layout_weight="1"，总权重为7，每个控件分配1/7的容器宽度
• 下方容器共4个TextView，总权重为4，每个TextView分配1/4的容器宽度
  二者的单元格宽度完全不一致，自然无法实现上下对应控件的对齐。

最优解决方法 #

推荐直接重构布局结构，把每一组「图标+文本」封装为一个独立的垂直布局，再在相邻垂直布局之间插入分隔线，天然就能实现上下对齐，适配性也更好：

<!-- 外层水平LinearLayout 包裹所有内容 -->
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginStart="20dp"
    android:layout_marginTop="30dp"
    android:layout_marginEnd="20dp"
    android:orientation="horizontal"
    android:gravity="center_vertical">

    <!-- 第一组：图标+文本 -->
    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:orientation="vertical"
        android:gravity="center">
        <ImageView
            android:id="@+id/image1"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:src="@drawable/paid"
            app:tint="@color/black" />
        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="8dp"
            android:gravity="center"
            android:text="Text One" />
    </LinearLayout>

    <!-- 分隔线1 -->
    <View
        android:id="@+id/line1"
        android:layout_width="0dp"
        android:layout_height="2dp"
        android:layout_weight="1"
        android:layout_marginHorizontal="4dp"
        android:background="@color/black" />

    <!-- 第二组：图标+文本 -->
    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:orientation="vertical"
        android:gravity="center">
        <ImageView
            android:id="@+id/image2"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:src="@drawable/paid"
            app:tint="@color/black" />
        <TextView
            android:id="@+id/textView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="8dp"
            android:gravity="center"
            android:text="Text Two" />
    </LinearLayout>

    <!-- 分隔线2 -->
    <View
        android:id="@+id/line2"
        android:layout_width="0dp"
        android:layout_height="2dp"
        android:layout_weight="1"
        android:layout_marginHorizontal="4dp"
        android:background="@color/black" />

    <!-- 第三组：图标+文本 -->
    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:orientation="vertical"
        android:gravity="center">
        <ImageView
            android:id="@+id/image3"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:src="@drawable/paid"
            app:tint="@color/black" />
        <TextView
            android:id="@+id/textView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="8dp"
            android:gravity="center"
            android:text="Text Three" />
    </LinearLayout>

    <!-- 分隔线3 -->
    <View
        android:id="@+id/line3"
        android:layout_width="0dp"
        android:layout_height="2dp"
        android:layout_weight="1"
        android:layout_marginHorizontal="4dp"
        android:background="@color/black" />

    <!-- 第四组：图标+文本 -->
    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:orientation="vertical"
        android:gravity="center">
        <ImageView
            android:id="@+id/image4"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:src="@drawable/paid"
            app:tint="@color/black" />
        <TextView
            android:id="@+id/textView4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="8dp"
            android:gravity="center"
            android:text="Text Four" />
    </LinearLayout>

</LinearLayout>

以上布局中4个图标+文本的垂直容器权重相同，每个占总宽度的1/4，分隔线也会自动填充两个步骤之间的空隙，完全符合预期效果。

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