如何将RecyclerView与NestedScrollView一起使用?

时间:2016-03-12 19:54:31

标签: android listview layout android-recyclerview

我想在LinearLayout滚动并禁用RecyclerView的滚动。我尝试将LinearLayout更改为NestedScrollView,但它不起作用,我不知道为什么。

我已经尝试了this question,但效果不佳。 RecyclerView中的内容可以从WS动态加载,它是一个无限滚动。当RecyclerView中的内容更新时,屏幕冻结。

我在Twitter上看过这个,我们怎么做呢 https://drive.google.com/file/d/0B2JZggeoXKKFdG1ENmZEdWFIa0k/view?usp=sharing

示例
这是我的应用程序的简单屏幕,我想要当前在red滚动,它当前滚动到'蓝色'。非常感谢。

enter image description here

代码

<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">

<ImageView
    android:layout_width="match_parent"
    android:layout_height="160dp"
    android:layout_margin="16dp"
    android:background="#CCC"
    android:id="@+id/imageView2" />

<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Image caption"
    android:background="#cbffa3"
    android:padding="16dp"
    android:id="@+id/textView8" />

<android.support.v7.widget.RecyclerView
    android:id="@+id/my_recycler_view"
    android:scrollbars="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

</LinearLayout>

尝试但无法正常工作,RecyclerView内的内容未显示

<android.support.v4.widget.NestedScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="160dp"
            android:layout_margin="16dp"
            android:background="#CCC"
            android:id="@+id/imageView2" />

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Image caption"
            android:background="#cbffa3"
            android:padding="16dp"
            android:id="@+id/textView8" />

        <android.support.v7.widget.RecyclerView
            android:id="@+id/my_recycler_view"
            android:scrollbars="vertical"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>

    </LinearLayout>

</android.support.v4.widget.NestedScrollView>

2 个答案:

答案 0 :(得分:4)

我建议你在滚动视图中添加一个监听器,并检测用户是否向下滚动,你“隐藏”顶部。最简单的方法是使用Material Design在Android Studio中创建新活动时使用默认菜单上的默认“滚动活动”。

答案 1 :(得分:2)

选项1 :在RecyclerView上使用WRAP_CONTENT并将其与其他小部件一起放在滚动视图中。 RecyclerView上的WRAP_CONTENT仅适用于23.2。这不是推荐的方式,就像使用WRAP_CONTENT一样,您的RecyclerView项目不会被回收,并且当内容变长时它会降低UI的速度。

选项2 :为回收站视图适配器使用类型,并为索引0呈现不同的视图。This answer显示如何执行此操作。

选项3 实现此类体验的最佳选择是使用CollapsingToolbarLayout。向上滚动时,您的顶级内容将崩溃,您将能够滚动RecyclerView。

以下是使用CollapsingToolbarLayout复制Twitter页面的一种方法。

<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_gravity="center"
    android:fitsSystemWindows="false"
    android:orientation="vertical"
    app:statusBarBackground="@android:color/transparent">


    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="250dp"
        android:fitsSystemWindows="true"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

        <android.support.design.widget.CollapsingToolbarLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:fitsSystemWindows="true"
            app:layout_scrollFlags="scroll|exitUntilCollapsed"
            >

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_marginTop="?actionBarSize"
                android:fitsSystemWindows="true"
                android:scaleType="centerCrop"
                android:src="@android:drawable/btn_star_big_on"
                app:layout_collapseMode="none"
                />

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?actionBarSize"
                android:background="@android:color/transparent"
                android:elevation="5dp"
                android:importantForAccessibility="yes"
                app:layout_collapseMode="pin"
                app:layout_scrollFlags="exitUntilCollapsed">

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="?actionBarSize"
                    android:layout_centerHorizontal="true"
                    android:layout_gravity="center_horizontal"
                    android:background="@android:color/white"
                    android:text="Title Here"
                    />
            </android.support.v7.widget.Toolbar>

        </android.support.design.widget.CollapsingToolbarLayout>
    </android.support.design.widget.AppBarLayout>

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recycler"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"/>
</android.support.design.widget.CoordinatorLayout>

有关此内容的更多信息,请访问Android博客 - http://android-developers.blogspot.ca/2015/05/android-design-support-library.html(滚动到“CoordinatorLayout和应用栏”)