如何消除Toolbar两侧及顶部间隙且不改变ListView布局

我之前也碰到过一模一样的问题——父布局的padding给ListView带来了恰到好处的内边距，却让顶部Toolbar多出了烦人的间隙。这里有几个实用的解决思路，你可以根据自己的布局结构来选：

1. 给Toolbar设置负margin抵消父布局padding #

如果不想大改现有布局结构，这是最快的应急办法。假设你的RelativeLayout设置了android:padding="16dp"，直接给Toolbar加上对应的负margin，让它“突破”父布局的padding限制：

<Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="-16dp"
    android:layout_marginLeft="-16dp"
    android:layout_marginRight="-16dp"/>

这样Toolbar会撑满父布局的顶部和两侧，而ListView依然能继承父布局的padding，完全保留原有样式。注意如果你用的是androidx.appcompat.widget.Toolbar，记得用对应版本的margin属性，避免兼容性问题。

2. 重构布局：拆分Toolbar和ListView的容器 #

这个方案更稳妥，也符合现代Android布局的最佳实践。你可以用一个外层垂直LinearLayout，把Toolbar单独放在最上方，然后把原来的RelativeLayout（只包裹ListView）放在下面，让RelativeLayout的padding只作用于ListView：

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

    <!-- Toolbar不再受下方RelativeLayout的padding影响 -->
    <Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

    <!-- 原来的RelativeLayout只包裹ListView，padding仅影响ListView -->
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:padding="16dp">

        <ListView
            android:id="@+id/listView"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>

    </RelativeLayout>

</LinearLayout>

这种方式布局结构更清晰，后期维护也方便，不用担心负margin可能带来的布局重叠隐患。

3. 改用ConstraintLayout精准控制布局 #

如果你的项目已经在使用ConstraintLayout，直接用它分别约束Toolbar和ListView，把padding直接设置给ListView而非父布局：

<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="match_parent">

    <Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_constraintTop_toTopOf="parent"/>

    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:padding="16dp"
        app:layout_constraintTop_toBottomOf="@id/toolbar"/>

</androidx.constraintlayout.widget.ConstraintLayout>

父布局没有任何padding，Toolbar自然撑满顶部和两侧，ListView的padding完全保留原有布局，完美解决冲突。

我个人更推荐方案2或3，布局结构更健壮，不容易出问题。如果赶时间，方案1也能快速搞定需求。

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