Android RecyclerView 在工具栏下方

Question

Android RecyclerView 在工具栏下方

45

我有一个自定义的RecyclerView和一个工具栏，在向下滚动时隐藏，向上滚动时出现。我有一个关于RecyclerView位置的问题，它在工具栏下面，我使用了behavior但似乎没有起作用。

我的xml：

<?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"
    android:id="@+id/coordinatorLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.v7.widget.RecyclerView 
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/recyclerView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appBarLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:layout_scrollFlags="scroll|enterAlways" />

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

    <android.support.v4.view.ViewPager
        android:id="@+id/viewPager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"/>

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

- user4789408

1

为什么RecyclerView和ViewPager的layout_width和layout_height都设置为"match_parent"？ - Kise

你正在寻找可折叠的工具栏布局吗？即工具栏可以展开以适应标题，然后折叠回工具栏？如果您不需要可折叠的工具栏布局，则可能不需要AppBarLayout。如果您只想隐藏和显示工具栏，则可以使用简单的OnScrollListener实现。 - doubleA

5个回答

49

如果添加滚动行为无法解决您的问题

app:layout_behavior="@string/appbar_scrolling_view_behavior"

那么试试这个

我必须对RecyclerView进行填充，使其与工具栏/操作栏（应用程序栏）的高度相等。

  android:paddingTop="?attr/actionBarSize"

将上述行添加到recyclerview xml文件中。

- Mightian

3

这个技巧有效，但当滚动视图滚动并且应用栏布局被隐藏时，填充看起来很奇怪。 - Samik Bandyopadhyay

1

到目前为止最好的答案。 - Marlon

2

@SamikBandyopadhyay：或许加上 android:clipToPadding="false"？ - Benoit Duffez

这个技巧适用于固定工具栏，但不适用于可折叠工具栏。 - Arhat Baid

1

@war_Hero 指定正确的布局行为，查看 https://dev59.com/gV0Z5IYBdhLWcg3wixDn#38038536 如果这样不起作用，则布局存在其他问题（或框架中有错误），但我可以向您保证，因为我已广泛使用CoordinatorLayout和相关组件，每次我忘记将“app:layout_behavior = "@ string / appbar_scrolling_view_behavior”添加到有问题的小部件时，都会遇到此问题。 - Martin Marconcini

显示剩余4条评论

15

当我从另一个布局中包含RecyclerView时，出现了同样的问题。我在RecyclerView上添加了以下行，问题不再存在。

    app:layout_behavior="@string/appbar_scrolling_view_behavior"

如果缺失此行，则会出现这个问题。

- Raviraj Subramanian

7

您需要将此属性添加到您的RecyclerView中：

    app:layout_behavior="@string/appbar_scrolling_view_behavior"

i.e.:

<android.support.v7.widget.RecyclerView
        android:id="@+id/my_recycler_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

- ramon

3

如果您在主布局中使用FrameLayout作为容器，并且有一个包含RecyclerView的单独布局 - 在这种情况下，您应该在主布局中的FrameLayout上添加app:layout_behavior=！ - Tanasis

3

在RecyclerView中尝试添加这行代码。

  android:layout_marginTop="?attr/actionBarSize"

- sameer

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Kise · Accepted Answer

试试这个：

<?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"
android:id="@+id/coordinatorLayout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<android.support.v7.widget.RecyclerView 
    android:id="@+id/recyclerView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"/>

<android.support.design.widget.AppBarLayout
    android:id="@+id/appBarLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:layout_scrollFlags="scroll|enterAlways" />

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

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

我已经移除了ViewPager并将滚动行为添加到RecyclerView中。