首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

WebView无法在SwipeRefreshLayout中向下滚动

WebView是一种用于在移动应用程序中显示网页内容的组件。SwipeRefreshLayout是Android中的一个控件,用于实现下拉刷新功能。然而,WebView在SwipeRefreshLayout中默认情况下无法向下滚动,这是因为WebView本身具有滚动功能,与SwipeRefreshLayout的下拉刷新功能冲突。

解决这个问题的一种方法是自定义一个WebView,并重写其onTouchEvent方法,将滚动事件传递给SwipeRefreshLayout。以下是一个示例代码:

代码语言:txt
复制
public class CustomWebView extends WebView {
    private float mDownX;
    private float mDownY;
    private boolean mIsBeingDragged;

    public CustomWebView(Context context) {
        super(context);
    }

    public CustomWebView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                mDownX = event.getX();
                mDownY = event.getY();
                mIsBeingDragged = false;
                break;
            case MotionEvent.ACTION_MOVE:
                float deltaX = event.getX() - mDownX;
                float deltaY = event.getY() - mDownY;
                if (!mIsBeingDragged && Math.abs(deltaY) > Math.abs(deltaX)) {
                    mIsBeingDragged = true;
                    getParent().requestDisallowInterceptTouchEvent(true);
                }
                break;
            case MotionEvent.ACTION_UP:
            case MotionEvent.ACTION_CANCEL:
                mIsBeingDragged = false;
                break;
        }
        return super.onTouchEvent(event);
    }
}

使用这个自定义的WebView替代原生的WebView,即可在SwipeRefreshLayout中实现WebView的下拉刷新功能。

推荐的腾讯云相关产品:腾讯云移动浏览器网页开发服务(https://cloud.tencent.com/product/mwp)可以帮助开发者更好地在移动端使用WebView,并提供了丰富的功能和工具支持。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Android获取WebView加载url的请求错误码 【推荐】

例如需求,我有一个WebView 加载一个url, 该url对应的网页本身自带下拉刷新 ,但是网页本身会有出现400 500 等异常请求错误码 这时候网页加载失败,页面本身的下拉是无法使用的,要求重新加载页面的话就需要在...webview外层套一个android下拉控件(SwipeRefreshLayout) 这样导致下拉一定用的SwipeRefreshLayout的下拉 最终要求是如果页面加载成功的话,用页面本身的下拉,...如果页面加载失败的话,用android下拉控件的下拉 ——————————————————————————————————————————————– 解决办法就是监听加载的url的请求的错误码,对SwipeRefreshLayout.setEnabled...@Override public void onReceivedHttpError(WebView view, WebResourceRequest request, WebResourceResponse...@Override public void onReceivedTitle(WebView view, String title) { super.onReceivedTitle

1.1K20

Android项目实战(五十六):获取WebView加载的url的请求错误码

例如需求,我有一个WebView 加载一个url, 该url对应的网页本身自带下拉刷新 ,但是网页本身会有出现400 500 等异常请求错误码 这时候网页加载失败,页面本身的下拉是无法使用的,要求重新加载页面的话就需要在...webview外层套一个android下拉控件(SwipeRefreshLayout) 这样导致下拉一定用的SwipeRefreshLayout的下拉 最终要求是如果页面加载成功的话,用页面本身的下拉,...---------------------------------------------------------------------------- 解决办法就是监听加载的url的请求的错误码,对SwipeRefreshLayout.setEnabled...@Override public void onReceivedHttpError(WebView view, WebResourceRequest request, WebResourceResponse...@Override public void onReceivedTitle(WebView view, String title) { super.onReceivedTitle

1.2K20

Android开发笔记(一百三十五)应用栏布局AppBarLayout

RecyclerView是其中一个特工,它可用来替代ListView和GridView;替代ScrollView的则另有其人,它便是嵌套滚动视图NestedScrollView,Android5.0之后的...所以,搜遍Android的SDK源码,总共也只有三个控件符合这个条件,它们是RecyclerView、NestedScrollView,以及SwipeRefreshLayout布局文件中使用的名称如下所示...: 使用名称android.support.v4.widget.SwipeRefreshLayout AppBarLayout的滚动标志 前面说到给Toobar节点添加滚动属性app:layout_scrollFlags...具体的滚动说明如下所示: 向上滚动:头部先往上收缩,一直滚到折叠的最小高度。然后头部固定不动,主体继续向上滚动向下滚动:头部固定不动,主体先向下滚动,一直滚到主体全部拉出。然后头部向下展开。...然后主体向下滚动,滚到位后头部继续向下展开。 5、snap : 在用户手指松开时,系统自行判断,接下来是全部向上滚到顶,还是全部向下展开。

1.9K40

Android 类似UC浏览器的效果:向上滑动地址栏隐藏功能

思路要求 ScrollView 嵌套 地址栏 和 WebView 手指滑屏向下滚动(网页向上),如果网页有滚动条,首先把 地址栏 滚动到消失,然后 WebView 才开始滚动; 手指滑屏向上滚动(网页向下...把 ScrollView 设置为 WebView 的一个变量, WebView的 onInterceptTouchEvent 方法里检测到 MotionEvent.ACTION_DOWN 事件后中断事件..., WebView 的 onTouchEvent 事件根据具体情况决定是把 MotionEvent.ACTION_MOVE 事件传送给 ScrollView 还是留给自己 由于MotionEvent.ACTION_MOVE...事件传送给 ScrollView 后无法一次 Touch 事件再接收,所以会导致如果有地址栏,向下滑动第一次只能滑动到 ScrollView 消失 + Hack网页,加入JS脚本,前行让网页顶部空出来一段空白...onTouchEvent 阻止 MotionEvent.ACTION_MOVE 事件 onDrawListner 计算竖直滚动范围 public class MyWebView extends WebView

1.4K20

UWP WebView 执行 JavaScript 代码(用于模拟用户输入等)

UWP 中使用 WebView 时可以在网页额外执行一些代码。于是你几乎可以在网页上做任何事情,那些你可以浏览器控制台中做的事情。 本文将介绍做法。...---- 准备环境 页面(XAML)中放一个 WebView,然后取个名字,比如就叫做 WebView。 监听 NavigationCompleted 事件,然后导航到需要操作的页面。... JavaScript ,eval(string) 函数可计算某个字符串,并执行其中的的 JavaScript 代码。...计算结束后,会返回一个字符串,就是参数那个字符串执行完之后的返回值(如果有的话)。...于是意味着你可以通过这种方式拿到输入框的值: var userId = await WebView.InvokeScriptAsync("eval", new[] { "document.getElementById

2K30

开发实现点击 WebView 的图片,调用原生控件放大展示

现在有很多时候,我们的 App 都进行了混合开发,而最简单,最常用的就是有些网页采用了 WebView 进行展示,这就需要我们了解和懂得如何实现 WebView 和 JS 进行交互。...今天我们就来学习一下,如何点击 WebView 的网页图片,调用原生控件进行放大展示。 其实实现这种交互非常简单,就是通过 JS 调用原生控件。...设置 WebView 这一步就是将我们写的 html 本地文件放入到 WebView 。...super.onPageFinished(view, url); //这段js函数的功能就是注册监听,遍历所有的img标签,并添加onClick函数,函数的功能是图片点击的时候调用本地...JavascriptInterface 就是和 mWebView.addJavascriptInterface(new JavascriptInterface(this), “imagelistner”)

2.3K50

解决CloudKitElectron无法登录的问题

toc 最近CloudKit Web端授权页面更新后中使用了CMD模块化的东西,因此会检查require是否存在,本意是存在的话就会按照CMD的方式加载js模块,但是Electron默认通过require...来加载electron模块或者npm模块,这样问题就来了,Electron的Cloudkit授权页面就会报错!...解决方案也简单,如果你的页面不需要使用electron提供的node能力,自然解决方案就是启动主窗口时候禁用node能力即可,这样通过window.open()之后的窗口也会禁用。...//mian.js const BrowserWindow = electron.BrowserWindow mainWindow = new BrowserWindow({ width:...至于CloudKit js授权的案例,单独关闭CloudKit Web端授权页面node能力即可。

2.8K30

绝对想尝试的创意 Android 库,你关注了吗?| 码云周刊第 43 期

也吸取了现在流行的各种刷新布局的优点,包括谷歌官方的 SwipeRefreshLayout,其他第三方的 TwinklingRefreshLayout 、Ultra-Pull-To-Refresh。...支持所有的 View(AbsListView、RecyclerView、WebView....View)。 支持自定义并且已经集成了很多炫酷的 Header 和 Footer。...支持和 ListView 的无缝同步滚动 和 CoordinatorLayout 的嵌套滚动。 支持自动刷新、自动上拉加载(自动检测列表惯性滚动到底部,而不用手动上拉)。...项目简介: 这是一个 Material Design 的控件,实现了类似 Google inbox 带有多个子按钮的 FloatingActionButton 的效果。...项目简介: 本项目是一个基于 Android 用于显示标签云的组件,其功能如下所示: 设置标签 设置每个标签的配色方案 设置每个标签的x/y速度 设置标签云是否滚动(默认滚动) 设置标签云的item

1.2K90

Android开发笔记(一百二十三)下拉刷新布局SwipeRefreshLayout

SwipeRefreshLayout 下拉刷新布局SwipeRefreshLayout是Android又一与时俱进的控件,顾名思义它随着用户手势向下滑动就会触发刷新操作。...(该方法新版已被废弃) setOnRefreshListener : 设置刷新监听器。在下拉松开时触发该监听器,需要重写该监听器的onRefresh方法。...2、旧版在下拉时,进度条不动,页面会随着向下滑动;而新版在下拉时,页面不再向下滑动,进度圆圈会向下滑动。 这两种显示效果各有千秋,开发者可按照个人喜好决定采用哪种效果。...首先要注意:布局文件,android.support.v4.widget.SwipeRefreshLayout下面只能有一个直接子视图,如果有多个子视图,那么将只展示第一个子视图,后面的子视图将不予展示...从网上资料来看,大家给SwipeRefreshLayout添加上拉加载主要有两种思路: 1、重写SwipeRefreshLayoutdispatchTouchEvent方法捕获上拉事件,并进行合理性校验之后

1.7K30
领券