Android GridLayout视图未在同一行显示问题求助

嘿，看了你的布局代码，我发现几个导致元素没在同一行对齐的关键点，咱们一个个拆解：

核心问题分析 #

• 行高不匹配：第一列的按钮跨3行，高度设为108dp，但第二、三列的三个控件总高度是30dp+40dp+30dp=100dp，和108dp的总高度差了8dp，这就导致整体行没法对齐。
• 缺少单元格对齐属性：GridLayout的子控件默认不会自动填满单元格，你没设置android:layout_gravity，控件会按自身大小“飘”在单元格里，自然会错位。
• 布局宽高的适配问题：虽然你试过改成match_parent，但如果子控件的高度没统一，还是没法解决对齐问题。

修改后的布局代码 #

<GridLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:columnCount="4"
    android:layoutDirection="rtl"
    android:rowCount="3">

    <!-- 第一列跨3行的按钮，用rowWeight让它占满3行高度 -->
    <Button
        style="@style/buttonStyle"
        android:layout_width="80dp"
        android:layout_row="0"
        android:layout_rowSpan="3"
        android:layout_column="0"
        android:layout_gravity="fill"
        android:textSize="72sp"
        tools:text="A" />

    <!-- 第二列控件：用rowWeight均分行高，添加fill对齐 -->
    <Button
        style="@style/buttonStyle"
        android:layout_width="80dp"
        android:layout_row="0"
        android:layout_column="1"
        android:layout_gravity="fill"
        android:layout_rowWeight="1"
        tools:text="+" />

    <TextView
        style="@style/textViewStyle"
        android:layout_width="80dp"
        android:layout_row="1"
        android:layout_column="1"
        android:layout_gravity="fill"
        android:layout_rowWeight="1" />

    <Button
        style="@style/buttonStyle"
        android:layout_width="80dp"
        android:layout_row="2"
        android:layout_column="1"
        android:layout_gravity="fill"
        android:layout_rowWeight="1"
        tools:text="-" />

    <!-- 第三列控件，和第二列设置一致 -->
    <Button
        style="@style/buttonStyle"
        android:layout_width="80dp"
        android:layout_row="0"
        android:layout_column="2"
        android:layout_gravity="fill"
        android:layout_rowWeight="1"
        tools:text="+" />

    <TextView
        style="@style/textViewStyle"
        android:layout_width="80dp"
        android:layout_row="1"
        android:layout_column="2"
        android:layout_gravity="fill"
        android:layout_rowWeight="1" />

    <Button
        style="@style/buttonStyle"
        android:layout_width="80dp"
        android:layout_row="2"
        android:layout_column="2"
        android:layout_gravity="fill"
        android:layout_rowWeight="1"
        tools:text="-" />

    <!-- 第四列跨3行的TextView，同样用fill对齐和rowWeight -->
    <TextView
        style="@style/textViewStyle"
        android:layout_width="80dp"
        android:layout_row="0"
        android:layout_rowSpan="3"
        android:layout_column="3"
        android:layout_gravity="fill"
        android:layout_rowWeight="3" />
</GridLayout>

关键修改点说明 #

1. 添加android:layout_gravity="fill"：让每个子控件填满所在的GridLayout单元格，确保所有元素在水平和垂直方向都对齐。
2. 用android:layout_rowWeight替代固定高度：让三行自动均分总高度，第一列和第四列的跨行列控件设置rowWeight="3"，单行控件设置rowWeight="1"，这样不管整体高度是多少，行都会均匀分配，彻底解决高度不匹配的问题。
3. 移除固定高度设置：去掉了所有子控件的android:layout_height，让rowWeight来控制高度，避免硬编码的高度差导致错位。

这样修改后，所有元素应该就能整齐地处于同一行/列了~

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