解决viewpager与gridview之间的滑动冲突

概要

viewpager与gridview滑动冲突
onInterceptTouchEvent

　　最近在做项目的时候，客户要实现这么一个效果：选中的人，每8个一页，超出8个，新增一页，并且能够自由滚动。因为ios已经先做，效果类似于scrollview的横向滚动，所以一开始考虑gridview+HorizontalScrollView，但是并不好操作。所以改用viewpager+gridview，不过里面不是直接加载gridview，而是用fragment包裹之后的gridview。
　　
　　效果出来了，那么问题来了：手指滑动的时候，特别不灵敏，第一感觉就是touch事件被gridview获取到了。试多几下，发现在绿色方块之间的空隙，viewpager滚动依旧灵敏；在绿色方块之间就不起作用了。以前解决过viewpager双层嵌套的问题，参考这个思路，稍微改动下。代码如下：

public class PeopleViewPager extends ViewPager
{
    private float xPosition;// 手指触摸点的x轴坐标
    private final float MINIMUM_DISTANCE = 3.0f;// 手指移动的最小距离
    private int distance;// 根据屏幕密度计算出来的，手指移动的最小距离

    public PeopleViewPager (Context context)
    {
        super (context);
        distance = JQUtils.dip2px (context,MINIMUM_DISTANCE);
    }

    public PeopleViewPager (Context context, AttributeSet attrs)
    {
        super (context, attrs);
        distance = JQUtils.dip2px (context,MINIMUM_DISTANCE);
    }

    @Override
    public boolean onInterceptTouchEvent (MotionEvent ev)
    {
        // 先保存手指按下的x轴的坐标
        if (ev.getAction () == MotionEvent.ACTION_DOWN)
            xPosition = ev.getX ();
        if (ev.getAction () == MotionEvent.ACTION_MOVE)
        {
            /*
             计算手指移动时的坐标跟按下的坐标之间的绝对值，如果超过给定的值，
             就认为viewpager需要滚动。通过调节distance的大小，可以改变滑动
             灵敏度
              */
            if (Math.abs (ev.getX () - xPosition) < distance)
                return false;
            else// 意思就是：touch事件已经被PeopleViewPager自己消费了，不会传递到子控件
                return true;
        }
        // 其他情况，依旧保持默认的处理方法
        return super.onInterceptTouchEvent (ev);
    }
}

---

里面用到的dip2px方法：

/**
     * 根据手机的分辨率从 dp 的单位 转成为 px(像素)
     *
     * @param context Context
     * @param dpValue float
     * @return int dpValue对应的px值
     */
    public static int dip2px (Context context, float dpValue)
    {
        final float scale = context.getResources ().getDisplayMetrics ().density;
        return (int) (dpValue * scale + 0.5f);
    }

---

解释下：

1. 由于手机的分辨率不一致，而且触摸屏幕得到的点是px为单位的，所以必须进行px转换；
2. onInterceptTouchEvent 意思大概是：拦截触摸事件。当用户触摸屏幕的时候，触摸事件层层往下传递，在这里，viewpager先于gridview获取到触摸事件，在这里面进行判断就可以适当地拦截掉触摸事件，gridview得不到触摸事件，就不会发生冲突了。

2015年6月26日17:46:42