Android solves the sliding conflict between WebView and SmartRefreshLayout

Recently, I encountered a need to implement the pull-down refresh function in the web page. I encountered a pitfall. The SmartRefreshLayout nested WebView produced a sliding conflict. When loading the self-developed H5 interface, nubia 6.0 and xiaomi 8.0 can pull up and load more normally, but cannot return when pulling down. The top will be refreshed directly.

layout file

<com.scwang.smart.refresh.layout.SmartRefreshLayout
            android:id="@+id/refresh_layout"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <com.scwang.smart.refresh.header.ClassicsHeader
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:orientation="vertical">

                <ProgressBar
                    android:id="@+id/progress_bar"
                    style="@style/Widget.AppCompat.ProgressBar.Horizontal"
                    android:layout_width="match_parent"
                    android:layout_height="@dimen/dp_5"
                    android:max="100"
                    android:min="0" />

                <FrameLayout
                    android:id="@+id/fl_container"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent" />
            </LinearLayout>
</com.scwang.smart.refresh.layout.SmartRefreshLayout>

Add DWebView to FrameLayout in the code. The system WebView is not used here.

    private void initWebView() {
        DsWebView dWebView = new DsWebView(this);
        FrameLayout.LayoutParams layoutParams = new FrameLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
        dWebView.setLayoutParams(layoutParams);
        flContainer.addView(dWebView);
        DWebView.setWebContentsDebuggingEnabled(BuildConfig.DEBUG);
        dWebView.getSettings().setDomStorageEnabled(true);
        // 启动缓存
        dWebView.getSettings().setAppCacheEnabled(true);
        // 设置缓存模式
        dWebView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);
        if (TextUtils.isEmpty(title)) {
            dWebView.clearCache(true);
        }
        dWebView.getSettings().setSavePassword(false);
        dWebView.addJavascriptObject(new JsApi(), null);
        dWebView.setWebChromeClient(new WebChromeClient() {
            @Override
            public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
                if (!TextUtils.isEmpty(message)) {
                    ToastUtil.getInstance().showToast(message);
                }
                return true;
            }

            @Override
            public void onProgressChanged(WebView view, int newProgress) {
                super.onProgressChanged(view, newProgress);
                progressBar.setProgress(newProgress);
            }
        });
        dWebView.setWebViewClient(new WebViewClient() {
            @Override
            public void onPageFinished(WebView view, String url) {
                super.onPageFinished(view, url);
                progressBar.setVisibility(View.GONE);
                progressBar.setProgress(100);
            }

            @Override
            public void onPageStarted(WebView view, String url, Bitmap favicon) {
                super.onPageStarted(view, url, favicon);
                progressBar.setVisibility(View.VISIBLE);
                progressBar.setProgress(0);
            }

            @Override
            public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) {
                super.onReceivedError(view, request, error);
                progressBar.setVisibility(View.GONE);
            }
        });
        LogUtil.e("LessonListActivity url:" + url);
        dWebView.loadUrl(url);
        refreshLayout.setRefreshHeader(new ClassicsHeader(this));
        refreshLayout.setOnRefreshListener(new OnRefreshListener() {
            @Override
            public void onRefresh(@NonNull RefreshLayout refreshLayout) {
                dWebView.reload();
                refreshLayout.finishRefresh(500);
            }
        });
    }

I found two solutions. I solved this problem after writing both solutions.

All need to rewrite DWebView

Measure one:https://www.jianshu.com/p/dd27f91cd2f4

Idea: Control whether SmartRefreshLayout can be refreshed by monitoring the scroll position of WebView

Option 2:https://blog.csdn.net/hhoo3344521/article/details/79959063

The final rewritten DWebView is like this

import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.ViewGroup;

import wendu.dsbridge.DWebView;

public class DsWebView extends DWebView {
    private ViewGroup viewGroup;
    public DsWebView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

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

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        if (event.getAction() == MotionEvent.ACTION_DOWN) {
            if (this.getScrollY() <= 0) {
                this.scrollTo(0, 1);
            }
        }
        return super.onTouchEvent(event);
    }

    public ViewGroup getViewGroup() {
        return viewGroup;
    }

    public void setViewGroup(ViewGroup viewGroup) {
        this.viewGroup = viewGroup;
    }

    @Override
    protected void onScrollChanged(int l, int t, int oldl, int oldt) {
        super.onScrollChanged(l, t, oldl, oldt);
        if (mScrollListener != null) {
            mScrollListener.onScrollChanged(t);
        }
    }

    public interface IScrollListener {
        void onScrollChanged(int scrollY);
    }

    private IScrollListener mScrollListener;

    public void setOnScrollListener(IScrollListener listener) {
        mScrollListener = listener;
    }
}

InitWebView is added last in the code

        dWebView.setViewGroup(refreshLayout);
        dWebView.setOnScrollListener(new DsWebView.IScrollListener() {
            @Override
            public void onScrollChanged(int scrollY) {
                if (scrollY == 0) {
                    //开启下拉刷新
                    refreshLayout.setEnableRefresh(true);
                } else {
                    //关闭下拉刷新
                    refreshLayout.setEnableRefresh(false);
                }
            }
        });

Then that’s it, it perfectly solved the problem I encountered. I hope you can solve the problem smoothly too!