Android开发技巧——FlingViewPager与RecyclerPagerAdapter

刚才看了一下，距我上次写原创博客已经有三个多月了。当然，这三个多月一直没有去写博客的借口有很多，这次就不赘述了。
本篇讲的是在上次项目开发中封装的两个类，这两个类除了正好是分别继承自ViewPager及PagerAdapter，并没有其他更多的联系，所以我主要是介绍一下它们所涉及到的一些比较实用的开发技巧及知识。

FlingViewPager

首先说一下我写这个类的场景。在我们的一个项目中，有以下需求：

1. 折线图显示某个月的数据。
2. 折线图左右滑动可以翻看上一个月或下一个月。
3. 手指在折线图上滑动可以选择上面的点。

基于上面的需求，我首先想到的就是使用ViewPager来实现，但是实际上发面在上面左右滑动时，事件会被ViewPager拦截及消化，用于ViewPager本身的左右同步滑动。产品经理提出的需求是，当手指在上面以较快速度完成滑动时，才进行翻页，否则只是选择及高亮折线图上的点。因此我的思路是，重写ViewPager并且屏蔽它本身随着手指位置的左右滑动，而让事件可以往下传递到折线图上，然后监听触摸的手势，进行翻页。

屏蔽ViewPager的滑动处理，并且让事件往下传递很简单，只需要重写其onTouchEvent(MotionEvent ev)方法，直接返回false即可。
接下来，监听手势也很好处理，首先想到的就是GestureDetector类了。我们可以直接使用该类及GestureDetector.OnGestureListener回调接口。GestureDetector.OnGestureListener接口中关于滑动的方法有两个，一个是public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY)，一个是public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) 。前者当用户的手指移动的距离超过滑动距离时就会回调，后者是当用户手势离开屏幕并且离开时的速度大于ViewConfiguration.getMinimumFlingVelocity()时才进行回调。显然后者才是我们所需要的。

最后剩下的就是一些数值的判断了。public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY)方法的4个参数表示如下：

• MotionEvent e1 用户手指按下屏幕时的事件
• MotionEvent e2 用户手指离开屏幕时的事件
• float velocityX 手指离开屏幕时在水平方向的速度
• float velocityY 手指离开屏幕时在竖直方向的速度

通过上面的四个参数，我们可以获取到判断所需要的四个变量：水平方向的位移，竖直方向的位移，水平方向的速度，竖直方向的速度。首先我们要在用户完成fling动作之后进行左右翻页，那么我们需要处理的只有用户在水平方向的动作，所以竖直方向的位移或速度比水平方向大的都过滤掉。另外，当用户手指离开时，位移与速度的方向相反，说明往某个方向按住滑动一定距离之后又朝反方向快速滑动松开，它也不是往前或往后翻页的动作，也需要过滤掉。因此最终代码如下：

/**
 * 松手后根据手势再判断是否需要滑动
 *
 * @author Geek_Soledad (msdx.android@qq.com)
 * @since 2017-03-25
 */
public class FlingViewPager extends ViewPager {

    private GestureDetector.OnGestureListener mOnGestureListener = new GestureDetector.SimpleOnGestureListener() {

        @Override
        public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
            final float distanceX = e2.getX() - e1.getX();
            final float distanceY = e2.getY() - e1.getY();
            final float absDistanceX = Math.abs(distanceX);
            final float absDistanceY = Math.abs(distanceY);
            final float absVelocityX = Math.abs(velocityX);
            final float absVelocityY = Math.abs(velocityY);

            if (absDistanceX < absDistanceY || absVelocityX < absVelocityY || distanceX * velocityX < 0) {
                return true;
            }

            moveToNearItem(velocityX < 0);
            return true;
        }
    };

    private GestureDetector mGestureDetector;

    public FlingViewPager(Context context) {
        this(context, null);
    }

    public FlingViewPager(Context context, AttributeSet attrs) {
        super(context, attrs);
        mGestureDetector = new GestureDetector(context, mOnGestureListener);
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        return mGestureDetector.onTouchEvent(ev);
    }

    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        return false;
    }

    private void moveToNearItem(boolean next) {
        if (next) {
            setCurrentItem(getCurrentItem() + 1, true);
        } else {
            setCurrentItem(getCurrentItem() - 1, true);
        }
    }
}

在上面的代码中，有以下两点需要注意：

• 判断速度与位移方向是否相反，只需要计算它们的积是否负数即可。因为相同方向的话，它们会都为正数或负数，乘积也必定是正数。
• 负数表示方向是往左。

该类完整代码请参见 AndroidSnippet 项目里的FlingViewPager 类。

RecyclerPagerAdapter

当我们的Pager有多个相同类型的Item时，每次翻页都要创建及销毁View显然对于内存的使用并不是很友好。因此，我们可以参考一下AbsListView中的convertView的做法，对View进行缓存。
代码如下：

public class RecyclerPagerAdapter<T, H extends ItemHolder.AbstractItemHolder> extends PagerAdapter {
    private List<T> mData;
    private ItemCreator<T, H> mViewCreator;
    private Stack<View> mRecyclers = new Stack<>();

    public RecyclerPagerAdapter(ItemCreator<T, H> delegate) {
        this.mViewCreator = delegate;
        this.mData = new ArrayList<>();
    }

    public void update(List<T> data) {
        mData.clear();
        if (data != null) {
            mData.addAll(data);
        }
        notifyDataSetChanged();
    }

    @Override
    public int getItemPosition(Object object) {
        return POSITION_NONE;
    }

    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        final T data = mData.get(position);
        final View view;
        final H holder;
        if (mRecyclers.isEmpty()) {
            holder = mViewCreator.createHolder(position, container);
            view = holder.itemView;
            view.setTag(holder);
        } else {
            view = mRecyclers.pop();
            holder = (H) view.getTag();
        }
        container.addView(view);
        mViewCreator.bindData(position, holder, data);
        return view;
    }

    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        if (object instanceof View) {
            View view = (View) object;
            container.removeView(view);
            mRecyclers.push(view);
        }
    }

    @Override
    public int getCount() {
        return mData.size();
    }

    @Override
    public boolean isViewFromObject(View view, Object o) {
        return view == o;
    }

    public T getObject(int position) {
        return mData.get(position);
    }

    public int getPosition(T object) {
        return mData.indexOf(object);
    }

    public List<T> getData() {
        return mData;
    }
}

该类用到的ItemCreator及ItemHolder请参见我另一篇博客《Android开发技巧——BaseAdapter的另一种优雅封装》。

小结

本篇博客所介绍的内容就到这里。在我们的项目开发中，如果需要使用到手势相关的动作，GestureDetector会是一大利器。另外，平时写代码也要多多借鉴及学习Android源码的一些开发技巧及编程思想。