Android - ViewPager进阶篇之动态刷新

本篇博文探究的问题：ViewPager的界面刷新问题。

需求：ViewPager每页只有一个ImageView（通俗来讲叫“轮播图”），一开始填入了一张默认图片，后来从服务器获取了新数据，需要刷新ViewPager...

方法1.PageAdpter.notifyDataSetChanged()

有些略懂PageAdpter源码的同志们都知道，PageAdpter有一个notifyDataSetChanged的方法，但是实验后却发现即使数据改变，界面也没有刷新，这是为什么呢，相信我们在源码中能找到答案...

ViewPager里有这样一个dataSetChanged方法，他会被PageAdapter的成员变量mObservable（观察者对象）调用，下面给出该方法的部分源码。

void dataSetChanged() {
    // This method only gets called if our observer is attached, so mAdapter is non-null.
    
    ......

    for (int i = 0; i < mItems.size(); i++) {
        final ItemInfo ii = mItems.get(i);
        final int newPos = mAdapter.getItemPosition(ii.object);

        if (newPos == PagerAdapter.POSITION_UNCHANGED) {
            continue;
        }

        if (newPos == PagerAdapter.POSITION_NONE) {
            mItems.remove(i);
            i--;

        ......
    }

    .....
}

PageAdaper有两个常量：

• POSITION_UNCHANGED = -1（表示当前对象没有发生过位置改变）
• POSITION_NONE = -2（表示该位置的item已经不存在了或者说接下来当前对象应当被移除）

其实,真正的原因发生在mAdapter.getItemPosition(ii.object)这个方法上...

public int getItemPosition(Object object) {
    return POSITION_UNCHANGED;
}

系统默认返回POSITION_UNCHANGED,也就是当前对象没有发生过位置改变...这也是我们notifyDataSetChanged没有发生界面刷新的真正原因。所以解决办法就是重写getItemPosition方法...

解决方法(推荐一篇博客):http://www.07net01.com/program/642011.html

虽然通过重写getItemPosition方法可以实现界面刷新，但小编并不推荐这样做，原因有两点:

1. 修改源码的方式不利于后期维护，如果以后源码有更新可能会出现新问题。

2. 刷新后页面定位在当前页，如果想定位到第一页，还需要进行手动定位。

方法2.重设适配器

为ViewPager更换适配器，移除原适配器，设置新适配器。

/**
 * 通知刷新适配器
 * @param images 图片资源数组
 */
private void notifyRefreshAdapter(int[] images) {
    if(mViewPagerAdapter != null){
        mViewPagerAdapter = null;
    }
    mViewPagerAdapter = new ViewPagerAdapter(GuideActivity.this, images);
    mViewPager.setAdapter(mViewPagerAdapter);
}

这里仅仅是实验，所以使用的本地图片资源，访问网络图片资源应该是一个个url链接，参数可以使用String类型的数组或集合。

方法3.为已存在的Page页添加组件引用

重设适配器固然简单，但在某些情况下代价过大。如果Page页过于复杂，重设适配器会有很明显的闪屏或卡顿。我们可以在PageAdaper的实现类里将设置的布局组件提取出来，更新的时候直接更新布局组件，而不再更换整个Page页（前提条件：在获取数据之前，需要提前知道Page页的个数，设置好空数据的Page页）。

举个例子各位就明白了（下面是小编以前做过的一个页面）：

gif_my_viewpage8.gif

在刚开始进入“交易时间·A股”界面时，我们会发现ViewPager已经添加了适配器并显示到界面上了，但里面的数据是空的，我们这时还未请求到数据，所以设置了一个默认数据“--”。

png_image1.png

加载数据完成之后我们又重新刷新了ViewPager界面。

png_image2.png

刚开始，小编使用的是重设适配器这种方法，但ViewPager会有很明显的闪屏现象。

最后，在同事的指点下，小编将里面需要设置的布局组件一一提取出来，加载完数据后直接刷新这些布局组件，而不再刷新每个Page页，闪屏问题也顺利的解决了...