zoukankan      html  css  js  c++  java
  • webview 实现滑动前进后退功能

    实现该功能大家一定会想到在OnTouchListener里实现

    webview.setOnTouchListener(new OnTouchListener() {
                @Override
                public boolean onTouch(View v, MotionEvent event) {
                    switch (event.getAction()) {
                    case MotionEvent.ACTION_DOWN:
                        startX = (int) event.getX();
                        break;
                    case MotionEvent.ACTION_UP:
                        int endX = (int) event.getX();
                        if(endX>startX && webview.canGoBack() && endX-startX>scrollSize){
                            webview.goBack();
                        }else if(endX<startX &&webview.canGoForward() && startX-endX>scrollSize){
                            webview.goForward();
                        }
                        break;
                    default:
                        break;
                    }
                    return false;
                }
            });

    这里要注意的是,返回值要为false,将此事件继续向下传递.否则会引起 超链接不起作用的问题.

    将onTouch()事件中的返回值改为false之后,有时候仍然还是不会触发onTouch()事件,那是因为加了缩放功能,使得Touch事件会失效。由于webview的缩放同样会响应onTouch事件的,所以会覆盖掉我们自己设置的onTouhc监听,引起了事件的冲突。

    解决冲突的方法如下:

    将touch事件写到dispatchTouchEvent中

    @Override
        public boolean dispatchTouchEvent(MotionEvent ev) {
    
            webview.setOnTouchListener(new OnTouchListener() {
                @Override
                public boolean onTouch(View v, MotionEvent event) {
                    switch (event.getAction()) {
                    case MotionEvent.ACTION_DOWN:
                        startX = (int) event.getX();
                        break;
                    case MotionEvent.ACTION_UP:
                        int endX = (int) event.getX();
                        if(endX>startX && webview.canGoBack() && endX-startX>scrollSize){
                            webview.goBack();
                        }else if(endX<startX &&webview.canGoForward() && startX-endX>scrollSize){
                            webview.goForward();
                        }
                        break;
                    default:
                        break;
                    }
                    return false;
                }
            });
            return super.dispatchTouchEvent(ev);
        }


  • 相关阅读:
    js实现继承的5种方式
    JavaScript文件操作(1)-基础
    12 个免费在线的 Web 网站性能测试工具
    server r2 系统更新文件清理
    在C#中,Json的序列化和反序列化的几种方式总结
    ES6,新增数据结构Set的用法
    ES6中有关数组的一些新操作
    vue中mode hash 和 history的区别
    POST和GET的区别
    前端的细节
  • 原文地址:https://www.cnblogs.com/kelina2mark/p/5336487.html
Copyright © 2011-2022 走看看