带有折叠工具栏的RecyclerView和ViewPager [英] RecyclerView and ViewPager with collapsing toolbar
本文介绍了带有折叠工具栏的RecyclerView和ViewPager的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在尝试创建一种布局-
I am trying to create this kind of a layout where -
- 具有
ViewPager
之类的CollapsingToolbarLayout
类似于Google Play应用. - 下面有一个网格
RecyclerView
. - 最后还有另一个
ViewPager
.
- A
CollapsingToolbarLayout
that has aViewPager
like google play app. - Below that there is a Grid
RecyclerView
. - And at the end, there is another
ViewPager
.
RecylerView
正常滚动,直到CollapsingToolbarLayout
展开结束为止.
The RecylerView
scrolls normally until the end when CollapsingToolbarLayout
expands.
<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.design.widget.CoordinatorLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true">
<android.support.design.widget.AppBarLayout
android:id="@+id/app_bar_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:fitsSystemWindows="true"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/collapsing_toolbar"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
app:contentScrim="?attr/colorPrimary"
app:expandedTitleMarginEnd="64dp"
app:expandedTitleMarginStart="48dp"
app:layout_scrollFlags="scroll|exitUntilCollapsed">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
android:orientation="vertical"
app:layout_collapseMode="parallax">
<TextView
android:id="@+id/text_home_active"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="@dimen/margin_normal"
android:background="@color/header_bg"
android:gravity="center_vertical"
android:textColor="@android:color/black"
android:textSize="@dimen/title_date_text_size" />
<android.support.v4.view.ViewPager
android:id="@+id/viewpager_home"
android:layout_width="fill_parent"
android:layout_height="170dp"
android:layout_gravity="center"
android:overScrollMode="ifContentScrolls" />
</LinearLayout>
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="@color/color_primary"
android:minHeight="?attr/actionBarSize"
app:layout_collapseMode="pin"
app:theme="@style/ToolBarStyle" />
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<android.support.v4.widget.NestedScrollView
android:id="@+id/scroll"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:clipToPadding="false"
android:fillViewport="true"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:weightSum="3">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="2"
android:orientation="vertical">
<TextView
android:id="@+id/text_home_popular"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/header_bg"
android:gravity="center_vertical"
android:padding="@dimen/margin_normal"
android:textColor="@android:color/black"
android:textSize="@dimen/title_date_text_size" />
<android.support.v7.widget.RecyclerView
android:id="@+id/grid_home_popular"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:clipToPadding="false"
android:scrollbars="none"
app:layout_behavior="@string/appbar_scrolling_view_behavior" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_gravity="bottom"
android:layout_weight="1"
android:elevation="5dp"
android:orientation="vertical">
<TextView
android:id="@+id/text_home_offers"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="@dimen/margin_normal"
android:gravity="center_vertical"
android:text="@string/text_home_offers"
android:textColor="@android:color/black"
android:textSize="@dimen/title_date_text_size" />
<android.support.v4.view.ViewPager
android:id="@+id/viewpager_home_offers"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:overScrollMode="ifContentScrolls" />
</LinearLayout>
</LinearLayout>
</android.support.v4.widget.NestedScrollView>
</android.support.design.widget.CoordinatorLayout>
<android.support.v7.widget.RecyclerView
android:id="@+id/recyclerViewNavigation"
android:layout_width="300dp"
android:layout_height="match_parent"
android:layout_gravity="left"
android:background="#ffffff"
android:scrollbars="none" />
</android.support.v4.widget.DrawerLayout>
我的问题是,只有当我移到RecyclerView之外时,工具栏才会折叠.
My problem is toolbar collapse only when I move outside the RecyclerView.
推荐答案
此解决方案解决了我的问题.
This solution solved my problems.
因此,简单地将Appbar完全展开时,不允许滚动回收器视图,相反,我们将使用NestedScrollView中的滚动,否则回收器视图将正常滚动.
So Simply when the Appbar is fully expanded do not allow the recycler view to scroll instead we will use the scroll from the NestedScrollView, otherwise the Recycler View will scroll normaly.
appBarLayout.addOnOffsetChangedListener(new AppBarStateChangeListener() {
@Override
public void onStateChanged(AppBarLayout appBarLayout, State state) {
if (state == State.COLLAPSED)
mRecyclerView.setNestedScrollingEnabled(true);
if (state == State.EXPANDED)
mRecyclerView.setNestedScrollingEnabled(false);
}
});
这篇关于带有折叠工具栏的RecyclerView和ViewPager的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文