android - 如果嵌套滚动视图结束,如何停用滚动父滚动视图?
问题描述
我在滚动视图中有一个嵌套滚动视图并且它正在工作,但是我不希望如果我在嵌套滚动视图中滚动并且我到达顶部或底部,滚动会自动继续与“父”滚动视图一起进行。我觉得这绝对很烦人。
具有基本活动和 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>
错误:如果到达顶部或底部,则在嵌套内滚动可以滚动父滚动视图。
右:在嵌套内滚动不能滚动父滚动视图,即使达到顶部或底部
解决方案
开箱即用,我相信这是不可能的。但是,您可以创建自己的子类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>
推荐阅读
- node.js - 在单独的文件中续集关联
- python - 是否可以从模块中导入变量以与 Selenium 一起使用?
- python-2.7 - 如何拆分代码以便在两台计算机上运行
- apache-flink - Apache Flink Tumbling Window 延迟结果
- javascript - Styled-components:如何引用相同的组件但具有不同的道具?
- java - 如何在水平标签滚动上制作固定横幅?
- wordpress - wordpress 多语言 slug 翻译
- machine-learning - IBM Watson NLC - 使用超过 20,000 个文本示例进行培训?
- django - 根据管理站点中的用户输入批量更新模型字段
- android - Android Studio Top-5 评分表关注