本篇博文探究的问题：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方法可以实现界面刷新，但小编并不推荐这样做，原因有两点:
-
修改源码的方式不利于后期维护，如果以后源码有更新可能会出现新问题。
-
刷新后页面定位在当前页，如果想定位到第一页，还需要进行手动定位。
方法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页，闪屏问题也顺利的解决了...
网友评论