从工具栏移除默认边距底部

时间:2018-01-28 18:23:56

标签: android android-layout android-toolbar android-resources

在我的应用程序中,我使用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_width="match_parent"
android:layout_height="match_parent"
tools:context="com.todo.app.MainActivity"
style="@style/MainActivityBg">

<android.support.design.widget.AppBarLayout
    android:layout_height="wrap_content"
    android:layout_width="match_parent">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        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_width="match_parent"
android:layout_height="match_parent"
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_width="match_parent"
android:layout_height="match_parent" />

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

Before scrolling

After starting to scroll

在我的样式文件xml中,没有样式用于边距或填充。 如何在工具栏和其他工具栏之间添加一些空格而不会触发此问题(当我滚动视图时)?

2 个答案:

答案 0 :(得分:0)

如果5dp上边距不是问题,则可能是工具栏抬高,尝试将4dp更改为更高的值并检查是否更改了您的问题。你可以尝试与保证金顶部相同吗?另外一个有利的边缘有时会起作用。在工具栏的按钮上放置一个边缘并检查。

答案 1 :(得分:0)

原因

基于xml文件,在我看来:

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

是裁剪RecyclerView内容的原因。

当您在layout_marginTopAppBarLayout的上边缘之间设置ConstraintLayout时,会出现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_width="match_parent"
    android:layout_height="match_parent"
    android:paddingTop="5dp"
    android:clipToPadding="false" />

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