android - Nestedscrollview 中的 Webview 内容滚动不顺畅
问题描述
由于我的布局中需要一些动画和过渡,我在 NestedScrollView 中有一个 Web 视图。现在的问题是垂直滚动工作得非常好(我猜这是由于嵌套滚动视图的滚动而不是 Web 视图的滚动),但水平滚动是平滑的。水平滚动与 webview 内内容的水平滚动一样(比如 webview 内的轮播)。
这是我的布局:-
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/frameLayout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/bg">
<androidx.coordinatorlayout.widget.CoordinatorLayout
android:id="@+id/coordinator"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_constraintTop_toTopOf="parent">
<com.google.android.material.appbar.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent">
<androidx.appcompat.widget.SearchView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="8dp"
android:background="@color/white"
app:layout_scrollFlags="scroll|enterAlways" />
</com.google.android.material.appbar.AppBarLayout>
<androidx.swiperefreshlayout.widget.SwipeRefreshLayout
android:id="@+id/activity_main_swipe_refresh_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
<androidx.core.widget.NestedScrollView
android:id="@+id/nested_scroll_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior" >
<WebView
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_behavior="@string/appbar_scrolling_view_behavior" />
</androidx.core.widget.NestedScrollView>
</androidx.swiperefreshlayout.widget.SwipeRefreshLayout>
</androidx.coordinatorlayout.widget.CoordinatorLayout>
<fr.castorflex.android.smoothprogressbar.SmoothProgressBar
android:id="@+id/progress_bar"
android:layout_width="match_parent"
android:layout_height="3.5dp"
android:indeterminate="true"
app:layout_constraintTop_toTopOf="parent"
app:spb_color="#FB9043"
app:spb_mirror_mode="false"
app:spb_reversed="false"
android:layout_marginTop="60dp"
app:spb_sections_count="5"
app:spb_speed="1.0"
app:spb_stroke_separator_length="4.0dp"
app:spb_stroke_width="4.0dp" />
</androidx.constraintlayout.widget.ConstraintLayout>
谁能帮我这个?
解决方案
我能够在此链接https://stackoverflow.com/a/34310846/6840443的解决方案的帮助下得到答案
所以他所做的就是他基本上做了一个自定义的NestedScrollView,并覆盖了onInterceptTouchEvent
方法并处理了应该如何消费的触摸动作,所以虽然垂直滚动仍然由NestedScrollView处理,但水平滚动并没有被它处理随后,它传播到视图的子视图,恰好是已经处理这种滚动的 webView。
这是它的代码:-
package com.smartprix.main
import android.content.Context
import android.util.AttributeSet
import android.view.MotionEvent
import android.view.ViewConfiguration
import androidx.core.widget.NestedScrollView
class SmartNestedScrollView : NestedScrollView {
private var slop: Int = 0
private val mInitialMotionX: Float = 0.toFloat()
private val mInitialMotionY: Float = 0.toFloat()
private var xDistance: Float = 0.toFloat()
private var yDistance: Float = 0.toFloat()
private var lastX: Float = 0.toFloat()
private var lastY: Float = 0.toFloat()
constructor(context: Context) : super(context) {
init(context)
}
private fun init(context: Context) {
val config = ViewConfiguration.get(context)
slop = config.scaledEdgeSlop
}
constructor(context: Context, attrs: AttributeSet) : super(context, attrs) {
init(context)
}
constructor(context: Context, attrs: AttributeSet, defStyleAttr: Int) : super(context, attrs, defStyleAttr) {
init(context)
}
override fun onInterceptTouchEvent(ev: MotionEvent): Boolean {
val x = ev.x
val y = ev.y
when (ev.action) {
MotionEvent.ACTION_DOWN -> {
yDistance = 0f
xDistance = yDistance
lastX = ev.x
lastY = ev.y
// This is very important line that fixes
computeScroll()
}
MotionEvent.ACTION_MOVE -> {
val curX = ev.x
val curY = ev.y
xDistance += Math.abs(curX - lastX)
yDistance += Math.abs(curY - lastY)
lastX = curX
lastY = curY
if (xDistance > yDistance) {
return false
}
}
}
return super.onInterceptTouchEvent(ev)
}
}```
推荐阅读
- r - 为什么在 R 中使用管道运算符会出现以下错误?
- express - cookie 中的 Express Gateway JWT 验证
- asp.net-mvc - 如何在.Net Core 2.2中通过ajax调用处理AutoValidateAntiForgeryToken
- css - 为什么 safari 有时无法快速响应 CSS?
- path - 邮递员从 csv 数据文件中读取。每次迭代都需要新的 url
- python - 将csv转换为json多文档?
- c++ - 纯虚方法调用 terminate 调用时没有活动异常 当函数执行时,它返回
- angular - 当主/详细信息处于活动状态并且至少有一行扩展到其详细信息时,Ag-grid 更新数据失败
- cplex - CPLEX-OPL:新界限为 0,添加新约束时无结果
- php - 在我自己的 wordpress 主题中添加 the_post_thumbnail 作为 CSS 背景