视差折叠工具栏错误的滚动和布局
Parallax Collapse Toolbar wrong scroll and layout
我有以下布局:
<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
tools:context="br.com.myproject.view.fragment.ProductActivityFragment"
android:id="@+id/main_content"
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:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
android:fitsSystemWindows="true">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/collapsing_toolbar"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:layout_scrollFlags="scroll|exitUntilCollapsed"
tools:contentScrim="?attr/colorPrimary"
tools:expandedTitleMarginStart="48dp"
tools:expandedTitleMarginEnd="64dp"
android:fitsSystemWindows="true">
<ImageView
android:id="@+id/ivImgProduct"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:scaleType="centerCrop"
android:fitsSystemWindows="true"
tools:layout_collapseMode="parallax"/>
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
tools:layout_scrollFlags="scroll|enterAlways"
tools:popupTheme="@style/ThemeOverlay.AppCompat.Light"
tools:layout_collapseMode="pin">
</android.support.v7.widget.Toolbar>
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<android.support.v7.widget.RecyclerView
android:id="@+id/rvProductActions"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:layout_behavior="android.support.design.widget.AppBarLayout$ScrollingViewBehavior">
</android.support.v7.widget.RecyclerView>
</android.support.design.widget.CoordinatorLayout>
工具栏上的 RecyclerView 保持外观 "overlapped"。滚动 RecyclerView 作为 CollapsingToolbarLayout 不工作。
我试图让我的布局保持这样的行为 example link,但使用 RecyclerView。
经过多次尝试,我使用了一个名为 Android-ObservableScrollView 的库,它成功了。它使用起来更简单,提供了几个示例并且单个组件已经达到了预期的效果。滚动内容必须大于空屏space才能使滚动生效,因为它没有iOS.
的弹跳效果
您必须将 app:layout_behavior="@string/appbar_scrolling_view_behavior" 添加到您的 recyclerview
我有以下布局:
<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
tools:context="br.com.myproject.view.fragment.ProductActivityFragment"
android:id="@+id/main_content"
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:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
android:fitsSystemWindows="true">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/collapsing_toolbar"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:layout_scrollFlags="scroll|exitUntilCollapsed"
tools:contentScrim="?attr/colorPrimary"
tools:expandedTitleMarginStart="48dp"
tools:expandedTitleMarginEnd="64dp"
android:fitsSystemWindows="true">
<ImageView
android:id="@+id/ivImgProduct"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:scaleType="centerCrop"
android:fitsSystemWindows="true"
tools:layout_collapseMode="parallax"/>
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
tools:layout_scrollFlags="scroll|enterAlways"
tools:popupTheme="@style/ThemeOverlay.AppCompat.Light"
tools:layout_collapseMode="pin">
</android.support.v7.widget.Toolbar>
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<android.support.v7.widget.RecyclerView
android:id="@+id/rvProductActions"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:layout_behavior="android.support.design.widget.AppBarLayout$ScrollingViewBehavior">
</android.support.v7.widget.RecyclerView>
</android.support.design.widget.CoordinatorLayout>
工具栏上的 RecyclerView 保持外观 "overlapped"。滚动 RecyclerView 作为 CollapsingToolbarLayout 不工作。 我试图让我的布局保持这样的行为 example link,但使用 RecyclerView。
经过多次尝试,我使用了一个名为 Android-ObservableScrollView 的库,它成功了。它使用起来更简单,提供了几个示例并且单个组件已经达到了预期的效果。滚动内容必须大于空屏space才能使滚动生效,因为它没有iOS.
的弹跳效果您必须将 app:layout_behavior="@string/appbar_scrolling_view_behavior" 添加到您的 recyclerview