如何在 recyclerview 滚动时 hide/show 布局（如 twitter 的新推文布局）

Question

我想在 recyclerview 滚动时添加一个 hides/shows 的布局。当 recyclerview 向下滚动时该布局将隐藏，当 recyclerview 向上滚动时将显示，就像 twitter 的新推文布局。我可以为 appbarlayout 做，但我不能为那个布局做。我该怎么做？

http://i.hizliresim.com/rVyDq3.png

紫色布局会像操作栏一样隐藏显示：

http://i.hizliresim.com/gAMp92.png

这是我的布局文件：

<android.support.v4.widget.DrawerLayout
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/drawerLayout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:elevation="7dp">

<!-- my main content -->
<android.support.design.widget.CoordinatorLayout
    android:id="@+id/coordinatorLayout"
    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/tool_bar"
            style="@style/ToolBarStyle"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            android:minHeight="?attr/actionBarSize"
            app:layout_scrollFlags="scroll|enterAlways" />

        <LinearLayout
            android:orientation="vertical"
            android:id="@+id/linearLayout"
            android:layout_width="match_parent"
            android:layout_height="48dp"
            android:background="@color/color_accent_pink">

        </LinearLayout>

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


    <android.support.v7.widget.RecyclerView
        android:id="@+id/newsRecyclerView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scrollbars="vertical"
        android:clickable="true"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

    <!-- that layout will hide/show when recyclerview scroll -->
    <LinearLayout
        android:orientation="horizontal"
        android:id="@+id/takimlar"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:background="@color/bg_group_item_swiping_active_state"
        android:layout_gravity="bottom" >

    </LinearLayout>

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

<!-- my navigation drawer -->
<RelativeLayout
    android:id="@+id/container"
    android:layout_width="235dp"
    android:layout_height="match_parent"
    android:layout_gravity="left"
    android:background="@color/myDrawerBackground">


    <TextView
        android:id="@+id/merhabaText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="400dp"
        android:layout_marginRight="40dp"
        android:layout_alignParentRight="true"
        android:text="Hello!"/>

</RelativeLayout>

Answer 1

已解决

我在那里找到了答案：https://blog.iamsuleiman.com/implement-floating-action-button-fab-part-2/

Answer 2

我有一个简单的解决方案..

 recyclerview.addOnScrollListener(new HidingScrollListener()
    {

        @Override
        public void onHide()
        {

            tabss.animate().translationY(tabss.getHeight())
                    .setInterpolator(new AccelerateInterpolator(2)).start();      
           filtershow.animate().translationY(-filtershow.getHeight())
                  .setInterpolator(new AccelerateInterpolator(1));
        }

        @Override
        public void onShow()
        {
            tabss.animate().translationY(0).setInterpolator(new
                    DecelerateInterpolator(2)).start();
         filtershow.animate().translationY(0).setInterpolator
                 (new DecelerateInterpolator(1)).start();
        }
    });

在 Recyclerview 中我隐藏了屏幕顶部过滤器和屏幕底部标签 如果你对这个隐藏布局有疑问，请问我。 我会为此提供您所需的代码。

如何在 recyclerview 滚动时 hide/show 布局（如 twitter 的新推文布局）

how to hide/show a layout when recyclerview scroll (like twitter's new tweet layout)

android-layout

android-recyclerview

android-appbarlayout

android-collapsingtoolbarlayout