Recyclerview 添加webview为header 点击webview 会自动滚动问题

本文介绍了一个关于在Recyclerview中使用WebView作为头部时遇到的问题:点击WebView内的图片会导致页面自动滚动到顶部。文章分析了问题原因,并提供了解决方案:通过设置webView.setFocusable(false)来避免自动滚动现象。

问题如下:

Recyclerview 添加webview为header 点击webview 中的图片,因为需求问题我们需要再点击图片时放大图片以方便用户查看,这样的话就会出现个问题,当你点击图片时候将会导致webview 自动滚动到最顶端。这样肯定是不合理的。


原因分析:

导致这个问题的原因就是:当第一次点击时候因为webview没有获取焦点,导致webview需要先去获取焦点,从而引发自动滚动


解决方案:

添加代码 :webView.setFocusable(false);


<androidx.coordinatorlayout.widget.CoordinatorLayout android:id="@+id/parent_view" android:layout_width="match_parent" android:layout_height="match_parent"> <!-- android:elevation="1dp"比header中的高,就会置与上层--> <View android:id="@+id/toolBar" android:layout_width="match_parent" android:layout_height="100dp" android:layout_gravity="top" android:background="#627788" android:elevation="1dp" /> <!-- 顶部 Header(可以自定义内容) --> <LinearLayout android:id="@+id/header" android:layout_width="match_parent" android:layout_height="50dp" android:background="#6200EE" android:layout_marginTop="100dp" android:orientation="vertical"/> <WebView android:id="@+id/webView" android:layout_marginTop="150dp" android:layout_width="match_parent" android:layout_height="match_parent" /> </androidx.coordinatorlayout.widget.CoordinatorLayout> 我有这样一个布局,我想控制上滑webviewheader随之隐藏,下拉webviewheader随之显示,使用如下代码: header.post { val initialHeaderHeight = header.height var initialHeight = 0 webView.setOnScrollChangeListener { v, scrollX, scrollY, oldScrollX, oldScrollY -> // 根据滚动距离调整header的高度 val newHeight = initialHeaderHeight.coerceAtMost(initialHeaderHeight - scrollY).coerceAtLeast(0) Log.d(TAG, "setOnScrollChangeListener, scrollY=$scrollY, oldScrollY=$oldScrollY, ") Log.d(TAG, "setOnScrollChangeListener, initialHeaderHeight=$initialHeaderHeight, scrollY=$scrollY, ") header.layoutParams.height = newHeight header.requestLayout() Log.d(TAG, "setOnScrollChangeListener, header.height=${header.height}") // 调整WebView的高度以填充剩余空间 if (initialHeight == 0) { initi
最新发布
03-28
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值