android ViewPager嵌套WebView滑動衝突問題解決

android ViewPager嵌套WebView滑動衝突問題解決

在ViewPager, ScrollView, ListView等容器控件中內嵌了webview，特別是webview的大小固定的情況下，會出現滑動的衝突，可以採用如下自定義的webview來完美解決。

/**
 * 主要解決viewPager嵌套webView橫向滾動問題
 */

public class ExtendedWebView extends WebView {

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

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

    @Override
    protected void onOverScrolled(int scrollX, int scrollY, boolean clampedX, boolean clampedY) {
        if (clampedX) {
            ViewParent viewParent = findViewParentIfNeeds(this);
            viewParent.requestDisallowInterceptTouchEvent(false);
        }
        super.onOverScrolled(scrollX, scrollY, clampedX, clampedY);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        if (event.getAction() == MotionEvent.ACTION_DOWN) {
            ViewParent viewParent = findViewParentIfNeeds(this);
            if (viewParent != null)
                viewParent.requestDisallowInterceptTouchEvent(true);
        }
        return super.onTouchEvent(event);
    }

    private ViewParent findViewParentIfNeeds(View tag) {
        ViewParent parent = tag.getParent();
        if (parent == null) {
            return null;
        }
        if (parent instanceof ViewPager || parent instanceof AbsListView || parent instanceof ScrollView || parent instanceof HorizontalScrollView) {
            return parent;
        } else {
            if (parent instanceof View) {
                findViewParentIfNeeds((View) parent);
            } else {
                return parent;
            }
        }
        return parent;
    }
}

 

這個方案是找的網上方案比較少的代碼也不會對js進行操作

https://github.com/mufasa08/HorizontalViewPagerWebView/blob/master/app/src/main/java/com/app/moose/horizontalviewpagerwebview/MainActivity.java

 

https://jamesgzm.github.io/2019/08/29/android-ViewPager%E5%B5%8C%E5%A5%97WebView%E6%BB%91%E5%8A%A8%E5%86%B2%E7%AA%81%E9%97%AE%E9%A2%98%E8%A7%A3%E5%86%B3/

https://droidyue.com/blog/2019/01/27/webview-javascript-scrolling-issue/

 

侵刪