如何缩小MDC-Android中按钮间的垂直间距？

问题根源分析 #

你的布局出现多余垂直空白，核心原因有几点：

• 多个内层LinearLayout同时设置了**超大固定高度（如200dp、250dp）**和layout_weight=1，导致这些布局既占用固定空间，又额外分配剩余屏幕高度，直接撑出大量空白。
• 部分Button的layout_width错误设为1dp却搭配layout_weight，布局计算逻辑混乱，间接加剧间距问题。
• 冗余的嵌套布局和不合理的margin设置，进一步放大了垂直空白。

解决方案 #

按以下步骤修改布局：

1. 移除内层LinearLayout的固定高度与layout_weight冲突设置，将layout_height改为wrap_content，让布局仅包裹内部控件。
2. 修正Button的layout_width为0dp（配合layout_weight实现水平均分），删除错误的1dp设置。
3. 清理不必要的layout_marginTop（如按钮上的1dp、16dp），只保留合理的间距控制。
4. 简化嵌套结构，移除中间冗余的垂直LinearLayout。

修改后的完整代码 #

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

    <!-- 顶部文本区域 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp"
        android:orientation="horizontal">

        <TextView
            android:id="@+id/textView3"
            android:layout_width="match_parent"
            android:layout_height="80dp"
            android:paddingTop="16dp"
            android:text="Yooooo"
            android:textAlignment="textEnd"
            android:textSize="50sp" />
    </LinearLayout>

    <!-- CLEAR ALL按钮 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp"
        android:orientation="horizontal">
        <Button
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:textColor="@color/md_theme_dark_error"
            android:text="CLEAR ALL"
            android:backgroundTint="@color/md_theme_dark_onPrimary"
            android:textStyle="bold"
            android:textSize="20sp"/>
    </LinearLayout>

    <!-- 操作按钮行 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp"
        android:orientation="horizontal">

        <Button
            android:layout_width="0dp"
            android:layout_height="75dp"
            android:layout_marginLeft="5dp"
            android:layout_marginRight="5dp"
            android:layout_weight="1"
            android:backgroundTint="@color/md_theme_dark_onPrimary"
            android:gravity="center"
            android:text="/"
            android:textAlignment="center"
            android:textColor="@color/md_theme_dark_primary"
            android:textSize="20sp"
            android:textStyle="bold" />

        <Button
            android:layout_width="0dp"
            android:layout_height="75dp"
            android:layout_marginLeft="5dp"
            android:layout_marginRight="5dp"
            android:layout_weight="1"
            android:backgroundTint="@color/md_theme_dark_onPrimary"
            android:gravity="center"
            android:text="*"
            android:textAlignment="center"
            android:textColor="@color/md_theme_dark_primary"
            android:textSize="20sp"
            android:textStyle="bold" />

        <Button
            android:layout_width="0dp"
            android:layout_height="75dp"
            android:layout_marginLeft="5dp"
            android:layout_marginRight="5dp"
            android:layout_weight="1"
            android:backgroundTint="@color/md_theme_dark_onPrimary"
            android:gravity="center"
            android:text="+"
            android:textAlignment="center"
            android:textColor="@color/md_theme_dark_primary"
            android:textSize="20sp"
            android:textStyle="bold" />

        <Button
            android:layout_width="0dp"
            android:layout_height="75dp"
            android:layout_marginLeft="5dp"
            android:layout_marginRight="5dp"
            android:layout_weight="1"
            android:backgroundTint="@color/md_theme_dark_onPrimary"
            android:gravity="center"
            android:text="-"
            android:textAlignment="center"
            android:textColor="@color/md_theme_dark_primary"
            android:textSize="20sp"
            android:textStyle="bold" />

        <Button
            android:layout_width="0dp"
            android:layout_height="75dp"
            android:layout_marginLeft="5dp"
            android:layout_marginRight="5dp"
            android:layout_weight="1"
            android:backgroundTint="@color/md_theme_dark_onPrimary"
            android:gravity="center"
            android:text="="
            android:textAlignment="center"
            android:textColor="@color/md_theme_dark_primary"
            android:textSize="20sp"
            android:textStyle="bold" />
    </LinearLayout>

    <!-- 数字按钮行1 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp"
        android:orientation="horizontal">

        <Button
            android:layout_width="0dp"
            android:layout_height="120dp"
            android:layout_marginRight="5dp"
            android:layout_weight="1"
            android:backgroundTint="@color/md_theme_dark_onPrimary"
            android:gravity="center"
            android:text="7"
            android:textAlignment="center"
            android:textSize="30sp"
            android:textStyle="bold" />

        <Button
            android:layout_width="0dp"
            android:layout_height="120dp"
            android:layout_marginLeft="5dp"
            android:layout_marginRight="5dp"
            android:layout_weight="1"
            android:backgroundTint="@color/md_theme_dark_onPrimary"
            android:gravity="center"
            android:text="8"
            android:textAlignment="center"
            android:textSize="30sp"
            android:textStyle="bold"/>

        <Button
            android:layout_width="0dp"
            android:layout_height="120dp"
            android:layout_marginLeft="5dp"
            android:layout_marginRight="5dp"
            android:layout_weight="1"
            android:backgroundTint="@color/md_theme_dark_onPrimary"
            android:gravity="center"
            android:text="9"
            android:textAlignment="center"
            android:textSize="30sp"
            android:textStyle="bold"/>

    </LinearLayout>

    <!-- 数字按钮行2 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp"
        android:orientation="horizontal">

        <Button
            android:layout_width="0dp"
            android:layout_height="120dp"
            android:layout_marginRight="5dp"
            android:layout_weight="1"
            android:backgroundTint="@color/md_theme_dark_onPrimary"
            android:text="4"
            android:textSize="30sp"
            android:textStyle="bold"/>

        <Button
            android:layout_width="0dp"
            android:layout_height="120dp"
            android:layout_marginLeft="5dp"
            android:layout_marginRight="5dp"
            android:layout_weight="1"
            android:backgroundTint="@color/md_theme_dark_onPrimary"
            android:gravity="center"
            android:text="5"
            android:textAlignment="center"
            android:textSize="30sp"
            android:textStyle="bold"/>

        <Button
            android:layout_width="0dp"
            android:layout_height="120dp"
            android:layout_marginLeft="5dp"
            android:layout_marginRight="5dp"
            android:layout_weight="1"
            android:backgroundTint="@color/md_theme_dark_onPrimary"
            android:gravity="center"
            android:text="6"
            android:textAlignment="center"
            android:textSize="30sp"
            android:textStyle="bold"/>
    </LinearLayout>

    <!-- 数字按钮行3 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <Button
            android:layout_width="0dp"
            android:layout_height="120dp"
            android:layout_marginRight="5dp"
            android:layout_weight="1"
            android:backgroundTint="@color/md_theme_dark_onPrimary"
            android:gravity="center"
            android:text="1"
            android:textAlignment="center"
            android:textSize="30sp"
            android:textStyle="bold"/>

        <Button
            android:layout_width="0dp"
            android:layout_height="120dp"
            android:layout_marginLeft="5dp"
            android:layout_marginRight="5dp"
            android:layout_weight="1"
            android:backgroundTint="@color/md_theme_dark_onPrimary"
            android:gravity="center"
            android:text="2"
            android:textAlignment="center"
            android:textSize="30sp"
            android:textStyle="bold"/>

        <Button
            android:layout_width="0dp"
            android:layout_height="120dp"
            android:layout_marginLeft="5dp"
            android:layout_marginRight="5dp"
            android:layout_weight="1"
            android:backgroundTint="@color/md_theme_dark_onPrimary"
            android:gravity="center"
            android:text="3"
            android:textAlignment="center"
            android:textSize="30sp"
            android:textStyle="bold"/>
    </LinearLayout>

</LinearLayout>

额外提示 #

如果需要让按钮行在屏幕剩余空间内均匀分布，可以给最外层LinearLayout的子布局（除了顶部文本）设置layout_weight=1，同时将layout_height设为0dp，但要确保不要同时设置固定高度，避免冲突。

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