Android Parallax滚动

时间:2015-08-09 01:05:43

标签: android-layout android-recyclerview android-design-library android-appbarlayout android-collapsingtoolbarlayout

我需要滚动我的AppBarLayout并使用我的RecyclerView让CollapsingToolbarLayout崩溃并让它在子ImageView上进行视差滚动。

我设法使用NestedScrollView执行此操作,但它没有使用RecyclerView!

<android.support.v4.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/leagueDrawerLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".LeagueActivity">

    <android.support.design.widget.CoordinatorLayout
        android:id="@+id/leagueCoordinatorLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <android.support.design.widget.AppBarLayout
            android:id="@+id/leagueAppBarLayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:fitsSystemWindows="true">

我试图让AppBarLayout的每个孩子都有一个如图所示的scrollFlag

            <android.support.design.widget.CollapsingToolbarLayout
                android:id="@+id/leagueCollapsingToolBar"
                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">

                <ImageView
                    android:id="@+id/leagueTopClub"
                    android:layout_width="match_parent"
                    android:layout_height="260dp"
                    android:src="@drawable/arsenal_squad"
                    android:scaleType="centerCrop"
                    app:layout_collapseMode="parallax"
                    app:layout_scrollFlags="scroll|enterAlways"/>
            </android.support.design.widget.CollapsingToolbarLayout>

我试过在这里使用NestedScrollbar但它有效,但我需要一个RecyclerView

             <android.support.v7.widget.RecyclerView
                  app:layout_behavior="@string/appbar_scrolling_view_behavior"
                  android:id="@+id/leagueRecyclerView"
                  android:layout_width="match_parent"
                  android:layout_height="wrap_content"
                  android:background="@android:color/white"
                  android:scrollbars="vertical"/>
        </android.support.design.widget.AppBarLayout>

    </android.support.design.widget.CoordinatorLayout>
...
</android.support.v4.widget.DrawerLayout>."

请帮助,我已经尝试过将scrollFlags添加到CoordinatorLayout的每个子节点但是没有工作。

1 个答案:

答案 0 :(得分:0)

你的RecyclerView确实需要与AppBarLayout兄弟姐妹同在,而不是你的孩子。你的布局似乎没问题,只需将RecyclerView移到CoordinatorLayout

<CoordinatorLayout>
    <AppBarLayout>
         ...
    </AppBarLayout>

    <RecyclerView />
</CoordinatorLayout>