在ViewPager中水平滚动WebView

时间:2017-01-26 14:06:35

标签: android webview android-viewpager

在这个问题上有few questions asked,但没有一个给出了适合我们的真正解决方案。我们有一个ViewPager包含动态数量的webview(内部片段),有时需要水平滚动。

我们看到的问题是,当水平滚动时,ViewPager会拦截那些滚动事件(或拖动或拖动),然后提示页面在操作方向上切换。

WebView要么没有向其父级报告其内容的宽度,要么ViewPager不加选择地在它应该之前捕获这些动作。

我尝试使用computeHorizo​​ntalScroll()解决方案,这似乎很有希望,但该方法总是返回0并且对我不利。

  1. 为什么没有一种方法可以像getContentHeight()一样获取WebView的HTML内容的实际内容宽度?这会给我们提供我们需要的东西,但不幸的是,它没有在API中提供。
  2. 有没有人看到这个问题的解决方法确实有效?

2 个答案:

答案 0 :(得分:3)

因此,当触发WebView的overScrollBy事件时,我不允许将触摸事件传播到ViewPager并滚动页面来开发解决方案。您可以通过检查事件的deltaX来确定要滚动的方向。这是一个kotlin解决方案:

override fun overScrollBy(deltaX: Int, deltaY: Int, scrollX: Int, scrollY: Int, scrollRangeX: Int, scrollRangeY: Int, maxOverScrollX: Int, maxOverScrollY: Int, isTouchEvent: Boolean): Boolean {
    if(parent.parent is WebViewPager) {
        val viewPager: WebViewPager = (parent.parent as WebViewPager)
        if(viewPager.scrollState == ViewPager.SCROLL_STATE_IDLE) {
            if(deltaX > 0) {
                if(checkAdapterLimits(1, viewPager.currentItem)) //right
                    (parent.parent as ViewPager).setCurrentItem(viewPager.currentItem + 1,true)
            }
            else {
                if(checkAdapterLimits(-1, viewPager.currentItem)) //left
                    (parent.parent as ViewPager).setCurrentItem(viewPager.currentItem - 1,true)
            }
        }
    }
    return false
}

override fun onInterceptTouchEvent(event: MotionEvent): Boolean {
    parent.requestDisallowInterceptTouchEvent(true)

    return super.onInterceptTouchEvent(event)
}

private fun checkAdapterLimits(direction: Int, position: Int) : Boolean {
    return if(direction < 0) //left
        position >= 1
    else //right
        position < (parent.parent as ViewPager).adapter.count - 1

}

编辑,为了一次停止滚动到一个页面,您需要检查ViewPager的滚动状态以确保它处于空闲状态。

您需要向自定义ViewPager添加属性,并使用您正在使用的ViewPager实例上的OnPageChangedListener进行切换。

ViewPager:

class WebViewPager(context: Context, attrs: AttributeSet) : ViewPager(context, attrs) {

var scrollState: Int = SCROLL_STATE_IDLE

fun setDurationScroll(millis: Int) {
    try {
        val viewpager = ViewPager::class.java
        val scroller = viewpager.getDeclaredField("mScroller")
        scroller.isAccessible = true
        scroller.set(this, OwnScroller(context, millis))
    } catch (e: Exception) {
        e.printStackTrace()
    }

}

inner class OwnScroller(context: Context, durationScroll: Int) : Scroller(context, DecelerateInterpolator()) {

    private var durationScrollMillis = 1

    init {
        this.durationScrollMillis = durationScroll
    }

    override fun startScroll(startX: Int, startY: Int, dx: Int, dy: Int, duration: Int) {
        super.startScroll(startX, startY, dx, dy, durationScrollMillis)
    }
}

}

OnPageChangedListener:

viewPager!!.setDurationScroll(300)
    viewPager!!.addOnPageChangeListener(object : ViewPager.OnPageChangeListener {

        override fun onPageScrollStateChanged(state: Int) {
            viewPager.scrollState = state
        }

        override fun onPageScrolled(position: Int, positionOffset: Float, positionOffsetPixels: Int) {

        }
        override fun onPageSelected(position: Int) {

        }

    })

答案 1 :(得分:2)

ViewPager是WebView的父级。您可以尝试在ViewPager中检测滑动动作并将其直接传递给它的孩子。

您可以查看Managing Touch Events的官方文档,然后查看this Stack Overflow讨论。检查接受的答案,更具体地说,检查 onInterceptTouchEvent()方法。

这可以给你一些想法。