首页 > 解决方案 > 如果嵌套滚动视图结束,如何停用滚动父滚动视图?

问题描述

我在滚动视图中有一个嵌套滚动视图并且它正在工作,但是我不希望如果我在嵌套滚动视图中滚动并且我到达顶部或底部,滚动会自动继续与“父”滚动视图一起进行。我觉得这绝对很烦人。

具有基本活动和 content_main.xml 内容的新应用程序项目

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
        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:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        tools:showIn="@layout/activity_main"
        tools:context=".MainActivity">
    <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:layout_margin="5dp"
            android:background="@color/colorPrimary">

        <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Root"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintRight_toRightOf="parent"
                app:layout_constraintTop_toTopOf="parent"
                android:layout_margin="5dp"
                android:background="@color/colorAccent"/>

        <ScrollView
                android:id="@+id/scrollViewRoot"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@android:color/holo_orange_dark"
                android:paddingRight="40dp">
            <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:orientation="vertical"
                    android:layout_margin="5dp"
                    android:background="@color/colorPrimary">

                <TextView
                        android:text="Nested1"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content" android:id="@+id/textViewNested1"
                        android:layout_margin="5dp"
                        android:background="@color/colorAccent"/>
                <androidx.core.widget.NestedScrollView
                        android:layout_width="match_parent"
                        android:layout_height="1000dp" android:fillViewport="true"
                        android:background="@android:color/black">
                    <LinearLayout android:layout_width="match_parent"
                                  android:layout_height="2000dp"
                                  android:orientation="vertical"
                                  android:layout_margin="5dp"
                                  android:background="@color/colorPrimaryDark">
                        <TextView
                                android:text="TextView"
                                android:layout_width="match_parent"
                                android:layout_height="1800dp" android:id="@+id/textView3"
                                android:layout_margin="5dp"
                                android:background="@color/colorAccent"
                        />
                    </LinearLayout>
                </androidx.core.widget.NestedScrollView>
                <TextView
                        android:text="Nested2"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content" android:id="@+id/textViewNested2"
                        android:layout_margin="5dp"
                        android:background="@color/colorAccent"
                />
                <androidx.core.widget.NestedScrollView
                        android:layout_width="match_parent"
                        android:layout_height="1000dp" android:fillViewport="true"

                        android:background="@android:color/black">
                    <LinearLayout android:layout_width="match_parent"
                                  android:layout_height="2000dp"
                                  android:orientation="vertical"
                                  android:layout_margin="5dp"
                                  android:background="@color/colorPrimaryDark">
                        <TextView
                                android:text="TextView"
                                android:layout_width="match_parent"
                                android:layout_height="1800dp" android:id="@+id/textView4"
                                android:layout_margin="5dp"
                                android:background="@color/colorAccent"
                        />
                    </LinearLayout>
                </androidx.core.widget.NestedScrollView>

            </LinearLayout>

        </ScrollView>

    </LinearLayout>

</androidx.constraintlayout.widget.ConstraintLayout>

错误:如果到达顶部或底部,则在嵌套内滚动可以滚动父滚动视图。

右:在嵌套内滚动不能滚动父滚动视图,即使达到顶部或底部

标签: androidkotlinscrollviewnestedscrollview

解决方案


开箱即用,我相信这是不可能的。但是,您可以创建自己的子类NestedScrollView并覆盖onNestedScroll()onNestedFling()防止传递“未使用的”滚动值。

class MyNestedScrollView(context: Context, attrs: AttributeSet?) : NestedScrollView(context, attrs) {

    override fun onNestedScroll(target: View, dxConsumed: Int, dyConsumed: Int, dxUnconsumed: Int, dyUnconsumed: Int, type: Int) {
        super.onNestedScroll(target, dxConsumed, dyConsumed, 0, 0, type)
    }

    override fun onNestedFling(target: View, velocityX: Float, velocityY: Float, consumed: Boolean): Boolean {
        return super.onNestedFling(target, velocityX, velocityY, true)
    }
}

onNestedScroll()我们拦截dxUnconsumed并将dyUnconsumed它们重写为0. 在onNestedFling()我们拦截consumed并将其重写为true.

这使得系统认为孩子一直在消耗所有的滚动,所以父母永远不会滚动以响应到达边界的孩子滚动。

现在我们只需要在布局中使用它作为外部滚动视图:

<?xml version="1.0" encoding="utf-8"?>
<com.example.stackoverflow.MyNestedScrollView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

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

        <!-- ... -->

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

            <!-- ... -->

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

        <!-- ... -->

    </LinearLayout>

</com.example.playground.MyNestedScrollView>

推荐阅读