【Android】解决ViewPager使用setCurrentItem跨距离(中间间隔多个page页)切换过渡动画闪现问题

ViewPager跨距离切换过渡动画异常

今天在使用ViewPager时，因功能需求需要使用跨距离(跨越多页，与当前页相距>1页。如0至10)切换，代码也非常简单，通过ViewPager的setCurrentItem(int item)进行切换，然后就出现了上述的问题过渡动画闪瞎登场：
我的代码：

setCurrentItem(int item).png

运行效果：

before.gif

我的眼睛.jpg

---

解决方法

• 使用setCurrentItem(int item,boolean smoothScroll)方法
  在跨距离切换的时候，使用setCurrentItem(position,false)方法来操作即可解决问题。
  • 参数item：目标页的位置；
  • 参数smoothScroll：是否平滑过渡(true:是，false:否)。
• 在跨距离切换时控制ViewPager.mScroller的滚动时长
  如果上述方法并不适用您的应用场景或者还存在其它问题，我们还可以通过自定义ViewPager的Scroller的方式来控制动画时长，从而解决问题。

自定义一个Scroller，增加设置无完成滚动时间方法：

class XScroller extends Scroller {

    private boolean noDuration = false;// 标识是否没有滚动时间(true:没有；false:有)，默认为有

    XScroller(Context context) {
        super(context);
    }

    public XScroller(Context context, Interpolator interpolator) {
        super(context, interpolator);
    }

    public XScroller(Context context, Interpolator interpolator, boolean flywheel) {
        super(context, interpolator, flywheel);
    }

    /**
     * 开始滚动
     *
     * @param startX   开始X位置
     * @param startY   开始Y位置
     * @param dx       目标X位置
     * @param dy       目标Y位置
     * @param duration 完成滚动的时间
     */
    @Override
    public void startScroll(int startX, int startY, int dx, int dy, int duration) {
        if (noDuration) {// 跨距离切换时，不需要有完成滚动时间延迟
            duration = 0;
        }
        super.startScroll(startX, startY, dx, dy, duration);
    }

    void setNoDuration(boolean noDuration) {
        this.noDuration = noDuration;
    }
}

在ViewPager中，通过反射设置mScroller域为自己定义的xScroller：

        xScroller = new XScroller(context);

        try {
            Field field = ViewPager.class.getDeclaredField("mScroller");
            field.setAccessible(true);
            field.set(this, xScroller );// 利用反射设置mScroller域为自己定义的xScroller 
        } catch (Exception e) {
            Log.e(TAG, "setViewPagerScrollSpeed error:" + e.toString());
        }

重写setCurrentItem方法，在里面加一层判断，决定是否设置滚动时间为0：

    /**
     * 设置切换到当前选择的页面
     *
     * @param item         选定页面的下标
     * @param smoothScroll 是否平滑滚动
     */
    @Override
    public void setCurrentItem(int item, boolean smoothScroll) {
        int current = getCurrentItem();

        // 如果页面相隔大于1,就设置页面切换时完成滑动的时间为0
        if (Math.abs(current - item) > 1) {
            loopScroller.setNoDuration(true);// 滑动前设置动画时间为0
            super.setCurrentItem(item, smoothScroll);
            loopScroller.setNoDuration(false);// 滑动结束后设置动画时间恢复
        } else {
            loopScroller.setNoDuration(false);
            super.setCurrentItem(item, smoothScroll);
        }
    }

运行效果：

after.gif

---

问题分析

碰到这个问题大家可能会比较郁闷，为什么我没有设置过渡动画，且只用了setCurrentItem(int item)方法却出现了这种情况？

• setCurrentItem(int item)源码分析

    /**
     * Set the currently selected page. If the ViewPager has already been through its first
     * 设置切换到当前选定页。如果ViewPager已经通过其与当前适配器的第一个布局
     * layout with its current adapter there will be a smooth animated transition between
     * 将有一个平滑的动画过渡当前item和指定item之间。
     * the current item and the specified item.
     *
     * @param item Item index to select
     */
    public void setCurrentItem(int item) {
        mPopulatePending = false;
        setCurrentItemInternal(item, !mFirstLayout, false);
    }

也就是说，ViewPager在通过其与当前适配器的第一个布局后，在当前item与指定item切换时，还是会存在一个平滑的过渡动画，这也是我们多页面切换时出现问题的病症所在，这里主要是由mFirstLayout来控制——源码中的mFirstLayout默认值为true，在onLayout方法中又变动其值为false.

• setCurrentItem(int item, boolean smoothScroll)源码分析
  那么如果使用ViewPager类中与setCurrentItem(int item)比较相似的setCurrentItem(int item, boolean smoothScroll)呢？我们先来看下它的源码：

    /**
     * Set the currently selected page.
     * 设置切换到当前选择的页面
     * @param item Item index to select 选定页面的下标
     * @param smoothScroll True to smoothly scroll to the new item, false to transition immediately
     * true:平滑滚动到新的item，false:立即滚动到指定位置.
     */
    public void setCurrentItem(int item, boolean smoothScroll) {
        mPopulatePending = false;
        setCurrentItemInternal(item, smoothScroll, false);
    }

通过对setCurrentItem(int item, boolean smoothScroll)源码的分析，我们可以发现，当我们使用其代替setCurrentItem(int item)进行使用时，为了避免跨距离切换出现上述异常情况，我们只需要设置smoothScroll = false，关闭过渡动画即可解决。

---

如果您有更好的解决方案欢迎评论分享，如有错误，请批评指正，谢谢。