如何将 RecyclerView 放在 CollapsingToolbarLayout 下方并在 Android 中折叠时响应工具栏?
How to put RecyclerView below CollapsingToolbarLayout and responsive to toolbar when collapsed in Android?
我正在开发 Android 应用程序。在我的应用程序中,我正在使用 CollapsingtoolbarLayout 和 RecyclerView。两者都在工作。但是我在定位它们时遇到了问题。我想要的是我希望 RecyclerView 直接位于折叠工具栏下方,并且我希望 RecyclerView 在折叠时与工具栏一起上升。但是我的代码没有按预期工作。
这就是现在发生的事情。
如您所见,回收站视图的固定位置被工具栏覆盖。它不响应折叠的工具栏。
这是我的 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"
xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
android:layout_height="match_parent" android:fitsSystemWindows="true"
tools:context=".MainActivity">
<android.support.v7.widget.RecyclerView
android:id="@+id/dc_rv_destination"
android:scrollbars="vertical"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
<android.support.design.widget.AppBarLayout
android:id="@+id/htab_appbar"
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/htab_collapse_toolbar"
android:layout_width="match_parent"
android:layout_height="@dimen/main_activity_parallax_initial_height"
android:fitsSystemWindows="true"
app:contentScrim="?attr/colorPrimary"
app:layout_scrollFlags="scroll|exitUntilCollapsed">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<ImageView
android:id="@+id/htab_header"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/apple"
android:fitsSystemWindows="true"
android:scaleType="centerCrop"
app:layout_collapseMode="parallax" />
<TextView
android:layout_centerInParent="true"
android:text="HELLO"
android:textSize="20dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</RelativeLayout>
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="@dimen/main_activity_toolbar_height"
android:gravity="top"
android:minHeight="?attr/actionBarSize"
app:layout_collapseMode="pin"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
app:titleMarginTop="13dp" />
<!-- <android.support.design.widget.TabLayout
android:id="@+id/htab_tabs"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:layout_gravity="bottom"
app:tabIndicatorColor="@android:color/white" />-->
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
</android.support.design.widget.CoordinatorLayout>
在activity中,除了初始化RecyclerView和设置数据外,我没有配置任何东西。
这就是我在 activity
中设置 RecyclerView 的方式
private void setDestinationRecyclerView()
{
RecyclerView.LayoutManager mLayoutManager = new LinearLayoutManager(getBaseContext());
rcDestinations.setLayoutManager(mLayoutManager);
rcDestinations.setItemAnimator(new DefaultItemAnimator());
regionsList = new ArrayList<Region>();
destinationsAdapter = new DestinationsAdapter(regionsList,getBaseContext());
rcDestinations.setAdapter(destinationsAdapter);
//add items and notify data changed
}
那么,如何让 RecyclerView 在折叠时响应 CollapsingToolbarLayout?
不知道你有没有修好。然而你不见了
app:layout_behavior="@string/appbar_scrolling_view_behavior"
在你的 RecyclerView 中。
这样试试:
<android.support.v7.widget.RecyclerView
android:id="@+id/dc_rv_destination"
android:scrollbars="vertical"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_behavior="@string/appbar_scrolling_view_behavior"/>
我正在开发 Android 应用程序。在我的应用程序中,我正在使用 CollapsingtoolbarLayout 和 RecyclerView。两者都在工作。但是我在定位它们时遇到了问题。我想要的是我希望 RecyclerView 直接位于折叠工具栏下方,并且我希望 RecyclerView 在折叠时与工具栏一起上升。但是我的代码没有按预期工作。
这就是现在发生的事情。
如您所见,回收站视图的固定位置被工具栏覆盖。它不响应折叠的工具栏。
这是我的 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"
xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
android:layout_height="match_parent" android:fitsSystemWindows="true"
tools:context=".MainActivity">
<android.support.v7.widget.RecyclerView
android:id="@+id/dc_rv_destination"
android:scrollbars="vertical"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
<android.support.design.widget.AppBarLayout
android:id="@+id/htab_appbar"
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/htab_collapse_toolbar"
android:layout_width="match_parent"
android:layout_height="@dimen/main_activity_parallax_initial_height"
android:fitsSystemWindows="true"
app:contentScrim="?attr/colorPrimary"
app:layout_scrollFlags="scroll|exitUntilCollapsed">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<ImageView
android:id="@+id/htab_header"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/apple"
android:fitsSystemWindows="true"
android:scaleType="centerCrop"
app:layout_collapseMode="parallax" />
<TextView
android:layout_centerInParent="true"
android:text="HELLO"
android:textSize="20dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</RelativeLayout>
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="@dimen/main_activity_toolbar_height"
android:gravity="top"
android:minHeight="?attr/actionBarSize"
app:layout_collapseMode="pin"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
app:titleMarginTop="13dp" />
<!-- <android.support.design.widget.TabLayout
android:id="@+id/htab_tabs"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:layout_gravity="bottom"
app:tabIndicatorColor="@android:color/white" />-->
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
</android.support.design.widget.CoordinatorLayout>
在activity中,除了初始化RecyclerView和设置数据外,我没有配置任何东西。
这就是我在 activity
中设置 RecyclerView 的方式 private void setDestinationRecyclerView()
{
RecyclerView.LayoutManager mLayoutManager = new LinearLayoutManager(getBaseContext());
rcDestinations.setLayoutManager(mLayoutManager);
rcDestinations.setItemAnimator(new DefaultItemAnimator());
regionsList = new ArrayList<Region>();
destinationsAdapter = new DestinationsAdapter(regionsList,getBaseContext());
rcDestinations.setAdapter(destinationsAdapter);
//add items and notify data changed
}
那么,如何让 RecyclerView 在折叠时响应 CollapsingToolbarLayout?
不知道你有没有修好。然而你不见了
app:layout_behavior="@string/appbar_scrolling_view_behavior"
在你的 RecyclerView 中。
这样试试:
<android.support.v7.widget.RecyclerView
android:id="@+id/dc_rv_destination"
android:scrollbars="vertical"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_behavior="@string/appbar_scrolling_view_behavior"/>