Question

目前我有一个RecyclerView，其中包含一些项目列表。我正在听RecyclerView的Scroll listener，如果RecyclerView在某个时候说500，它应该隐藏工具栏，当它超过500+时它应该保持隐藏状态。同样，当我到达＆lt; = 450时，它会显示工具栏。

这是我到目前为止尝试过的代码。问题是，

它隐藏了工具栏，但是当它隐藏或显示在上述点时闪烁。

如何实现平滑的工具栏隐藏？

recyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
        @Override
        public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
            super.onScrollStateChanged(recyclerView, newState);


        }


        @Override
        public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
            super.onScrolled(recyclerView, dx, dy);

            scrollD = scrollD + dy;
            Log.d("key", "DY is .." + (dy + scrollD));

            if (scrollD >= 500) {
              // code to hide
            }

            if (scrollD <= 450) {


             // code to show

            }
        }
    });

Answer 1

使用CoordinatorLayout而不是Linear / Relative布局，并将以下属性添加到工具栏。

<强> app:layout_scrollFlags="scroll|enterAlways"

CoordinatorLayout通过在用户向下滚动时将其隐藏并在用户向上滚动时再次显示来处理工具栏的可见性。

<强>代码：

<?xml version="1.0" encoding="utf-8"?>

<!-- $Id$ -->

<android.support.design.widget.CoordinatorLayout 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">

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

     <android.support.v7.widget.Toolbar
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/tool_bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_scrollFlags="scroll|enterAlways"  />

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

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

请参阅此链接：https://mzgreen.github.io/2015/06/23/How-to-hideshow-Toolbar-when-list-is-scrolling(part3)/

Answer 2

我也在寻找相同的解决方案并找到了这个。和我一起工作。

隐藏工具栏

mToolbar.animate().translationY(-mToolbar.getBottom()).setInterpolator(new AccelerateInterpolator()).start();

显示工具栏：

mToolbar.animate().translationY(mToolbar.getTop()).setInterpolator(new AccelerateInterpolator()).start();

在回收站视图的滚动侦听器上调用这些行。

现在，因为监听器为您提供了工具栏的dx和dy值。所以在上面的代码行中，而不是 mToolbar.getTop（）你可以写：

int heightDelta += dy;
    bothToolbarLayouts.animate().translationY(-heightDelta).setInterpolator(new AccelerateInterpolator()).start();

瞧，你已经完成了！

另外，要了解它，请更好地关注this link

在RecyclerView Scroll上平稳隐藏工具栏？

2 个答案: