从工具栏中删除默认边距底部

Posted 2023-03-16

【中文标题】从工具栏中删除默认边距底部

【英文标题】：remove default margin bottom from Toolbar

【发布时间】：2018-01-28 18:23:55

【问题描述】：

在我的应用程序中，我使用 android.support.v7.widget.Toolbar 作为工具栏。

这是我的布局

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_
android:layout_
tools:context="com.todo.app.MainActivity"
style="@style/MainActivityBg">

<android.support.design.widget.AppBarLayout
    android:layout_
    android:layout_>

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_
        android:layout_
        android:background="?attr/colorPrimary"
        android:elevation="4dp"
        android:theme="@style/AppTheme.AppBarOverlay"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
        style="@style/AppTheme.ActionBar"/>

</android.support.design.widget.AppBarLayout>

<include layout="@layout/content_main"/>

和

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_
android:layout_
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:showIn="@layout/activity_main"
tools:context="com.todo.app.MainActivity"
android:layout_marginTop="5dp">  <!-- for adding some space between the toolbar and the rest, and this is the cause of the problem! -->

<android.support.v7.widget.RecyclerView
android:id="@+id/task_list"
android:layout_
android:layout_ />

我尝试在工具栏和视图的其余部分之间添加一些空间。为此，我将 marginTop 中的 5dp 添加到视图正下方的布局中。这导致了这个问题： 当我滚动视图时，工具栏下还有一些空间。

在我的样式文件 xml 中，没有用于边距或填充的样式。 如何在工具栏和其余部分之间添加一些空间而不触发此问题（当我滚动视图时）？

【问题讨论】：

你确定你明确添加的marginTop不是原因吗？这有什么意义？

好吧，我的错！问题是由于 marginTop ^^ 但实际上我试图在工具栏和它下面的其余视图之间添加一些空间。但是当我应用这个 marginTop 时，就会出现上述问题

【参考方案1】：

原因

根据 xml 文件，在我看来：

<android.support.constraint.ConstraintLayout
    ...
    android:layout_marginTop="5dp"> 

是裁剪RecyclerView内容的原因。

当您在AppBarLayout 和ConstraintLayout 的上边缘之间设置layout_marginTop 时，会出现5dp 高空空间。

您可以通过为开发者打开以下 Android 选项之一来确认这一点：Show Layout Bounds。

解决方案

对于您想要达到的效果，请尝试删除android:layout_marginTop 并将android:paddingTop 设置为RecyclerView，同时将android:clipToPadding 设置为false。 检查this SO answer中的gif。

<android.support.v7.widget.RecyclerView
    android:id="@+id/task_list"
    android:layout_
    android:layout_
    android:paddingTop="5dp"
    android:clipToPadding="false" />

这将允许您在可滚动内容的开头添加所需的空间，但防止裁剪项目。

【讨论】：

好的，谢谢。这是我的预期！我没有考虑使用填充来实现这一点。

【参考方案2】：

如果 5dp 上边距不是问题，则可能是工具栏高度，尝试将 4dp 更改为更高的值并检查是否会改变您的问题。您可以尝试与margin top 相同吗？有时，负边距也有效。在工具栏的按钮上加一个负边距并检查。