webview向上滚动与下拉刷新冲突(X5WebView)

最近项目中需要在webview添加个下拉刷新,继而出现了滑动冲突问题。使用swiperefreshLayout,webview(或者X5WebView)嵌套使用,webview下划滚动没有问题,但是上划滚动时,执行了swiperefreshLayout 的刷新动作,这并不是我想要的效果。

需要效果:上划滚动时webview需能直接滚动。只有当webview上划滚动到顶部,才能触发swiperefreshLayout 刷新。

swiperefreshLayout 作为谷歌推出的下拉刷新库,并没有内部处理这些手势分配。官网给了个api。 说如果子布局想滚动 重写 canChildScrollUp () 。实际上并不是很好操作。搜了很多blog 都没有用,下面给出有效的解决方式。适用与腾讯的X5WebView。

解决方式 : 基于需要效果,关键是识别到 webview 什么时候滚到顶部再把手势给 swiperefreshLayout 就可以了。只是 webView.getScrollY() 总是 =0 。
解决方式:

import com.tencent.smtt.sdk.WebView;

import android.content.Context;
import android.util.AttributeSet;

/**
*  重定义webview 这里继承的是X5WebView
*/
public class ScrollWebView extends WebView
{
    public interface IScrollListener
    {
        void onScrollChanged(int scrollY);
    }

    private IScrollListener mScrollListener;

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

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

    @Override
    protected void onScrollChanged(int l, int t, int oldl, int oldt)
    {
        super.onScrollChanged(l, t, oldl, oldt);
        //只要是通过webview的滚动距离 t
        if (mScrollListener != null)
        {
            mScrollListener.onScrollChanged(t);
        }
    }
}

在activity中这样调用:

mWebView.setOnScrollListener(new IScrollListener()
        {
            @Override
            public void onScrollChanged(int scrollY)
            {
                //这是我项目的刷新(到时候去掉,用下面的判断)
                if (scrollY == 0)//webView在顶部
                {
                    mPb.setRefreshEnabled(true);
                } else
                {
                    mPb.setRefreshEnabled(false);
                }
                //swiperefreshLayout刷新
//                if (t == 0) {//webView在顶部
//                    swipeLayout.setEnabled(true);
//                } else {//webView不是顶部
//                    swipeLayout.setEnabled(false);
//                }
            }
        });

网上查找资料,有老铁提供的x5webview的判断
这里写图片描述
不过在官方中我是没有找到。有找到的老铁分享下哈。。。

### 回答1: 在WebView中实现下拉刷新,可以通过以下步骤: 1. 在布局文件中添加SwipeRefreshLayout控件,并将WebView作为其子视图。 ``` <androidx.swiperefreshlayout.widget.SwipeRefreshLayout android:id="@+id/swipe_refresh" android:layout_width="match_parent" android:layout_height="match_parent"> <WebView android:id="@+id/web_view" android:layout_width="match_parent" android:layout_height="match_parent" /> </androidx.swiperefreshlayout.widget.SwipeRefreshLayout> ``` 2. 在Activity或Fragment中,获取SwipeRefreshLayoutWebView的实例,并为SwipeRefreshLayout设置下拉刷新监听器。 ``` SwipeRefreshLayout swipeRefreshLayout = findViewById(R.id.swipe_refresh); WebView webView = findViewById(R.id.web_view); swipeRefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() { @Override public void onRefresh() { webView.reload(); } }); ``` 3. 在WebViewWebViewClient中,重写onPageFinished方法,当页面加载完成时,停止SwipeRefreshLayout的刷新动画。 ``` webView.setWebViewClient(new WebViewClient() { @Override public void onPageFinished(WebView view, String url) { super.onPageFinished(view, url); swipeRefreshLayout.setRefreshing(false); } }); ``` 这样,当用户下拉SwipeRefreshLayout时,会触发onRefresh方法,从而重新加载WebView中的页面,并在页面加载完毕后停止刷新动画。 ### 回答2: WebView 下拉刷新是在使用 WebView 控件时,实现下拉刷新页面内容的功能。下拉刷新通常用于在 WebView 中加载新的内容或更新已有的内容。 实现 WebView 下拉刷新的一种常见方式是使用下拉刷新控件,例如 SwipeRefreshLayout。这个控件可以包裹 WebView,并且在用户下拉 WebView 时触发刷新操作。具体代码如下: 首先,在 XML 布局文件中将 WebView 包裹在 SwipeRefreshLayout 中: ```xml <androidx.swiperefreshlayout.widget.SwipeRefreshLayout android:id="@+id/swipeRefreshLayout" android:layout_width="match_parent" android:layout_height="match_parent"> <WebView android:id="@+id/webView" android:layout_width="match_parent" android:layout_height="match_parent" /> </androidx.swiperefreshlayout.widget.SwipeRefreshLayout> ``` 然后,在 Java 代码中设置下拉刷新的监听器,并在刷新时重新加载 WebView 内容: ```java SwipeRefreshLayout swipeRefreshLayout = findViewById(R.id.swipeRefreshLayout); WebView webView = findViewById(R.id.webView); swipeRefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() { @Override public void onRefresh() { webView.reload(); // 刷新 WebView 内容 swipeRefreshLayout.setRefreshing(false); // 停止刷新动画 } }); ``` 以上代码中,`swipeRefreshLayout.setOnRefreshListener` 方法用于设置下拉刷新的监听器,当用户下拉时,会回调 `onRefresh` 方法。在这个方法中,我们通过 `webView.reload()` 方法重新加载 WebView 内容,之后调用 `swipeRefreshLayout.setRefreshing(false)` 方法停止刷新动画。 通过以上的步骤,我们就可以在 WebView 中实现下拉刷新的功能了。用户在 WebView 上下拉时,会触发刷新动画,并在刷新时重新加载 WebView 内容,使用户能够获取最新的页面内容。 ### 回答3: 在WebView中实现下拉刷新可以通过结合SwipeRefreshLayoutWebView来实现。 首先,在布局文件中添加SwipeRefreshLayout布局和WebView布局,如下所示: ```xml <android.support.v4.widget.SwipeRefreshLayout android:id="@+id/refresh_layout" android:layout_width="match_parent" android:layout_height="match_parent"> <WebView android:id="@+id/webview" android:layout_width="match_parent" android:layout_height="match_parent" /> </android.support.v4.widget.SwipeRefreshLayout> ``` 然后,在代码中找到SwipeRefreshLayoutWebView的实例,并设置下拉刷新监听器和WebView的WebChromeClient,如下所示: ```java SwipeRefreshLayout swipeRefreshLayout = findViewById(R.id.refresh_layout); final WebView webView = findViewById(R.id.webview); // 设置下拉刷新监听器 swipeRefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() { @Override public void onRefresh() { // 在这里执行刷新操作,比如重新加载网页 webView.reload(); } }); webView.setWebChromeClient(new WebChromeClient() { @Override public void onProgressChanged(WebView view, int newProgress) { // 在页面加载完成后停止刷新 if (newProgress == 100) { swipeRefreshLayout.setRefreshing(false); } } }); ``` 在下拉刷新监听器中,可以执行刷新操作,比如重新加载网页。当WebView加载完成后,通过setRefreshing(false)停止刷新。 这样,用户在WebView界面中下拉屏幕时,就能触发下拉刷新操作,并重新加载WebView中的网页内容。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值