如何在 recyclerview 滚动时 hide/show 布局(如 twitter 的新推文布局)
how to hide/show a layout when recyclerview scroll (like twitter's new tweet layout)
我想在 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>
已解决
我在那里找到了答案:https://blog.iamsuleiman.com/implement-floating-action-button-fab-part-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 滚动时添加一个 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>
已解决
我在那里找到了答案:https://blog.iamsuleiman.com/implement-floating-action-button-fab-part-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 中我隐藏了屏幕顶部过滤器和屏幕底部标签 如果你对这个隐藏布局有疑问,请问我。 我会为此提供您所需的代码。