记ViewPager使用白屏问题

最近在做项目的时候，遇到了ViewPager空白白屏问题，所有有了本篇文章，从源码分析，记一次ViewPager白屏问题。
如下图所示：

一.切换Tab3后点击Tab1，ViewPager页面出现空白：

ViewPager默认缓存1个页面，设置当前页面左右页面预加载页：
点击Tab1，日志如下：

10-18 15:07:26.195 D/xxx: initView0
10-18 15:07:26.213 D/xxx: initView1

当点击Tab1的时候会默认创建Tab2页面。
点击Tab2，日志如下：

10-18 15:07:28.490 D/xxx: initView2

当点击Tab2的时候会默认创建Tab3页面。
点击Tab3，日志如下：

10-18 15:07:30.607 D/xxx: onDestroyView0

当点击Tab3时会销毁Tab1页面。
再次点击Tab1，日志如下：

10-18 15:07:39.866  D/xxx: initView0
10-18 15:07:40.207  D/xxx: onDestroyView2

所以再次点击Tab1的时候因为之前的Tab1页面已经销毁，会出现空白。
解决方法：
默认缓存所有Tab个数的页面，如下：

viewPager.setOffscreenPageLimit(3);//3为tab的个数

那么为什么设置缓存页面个数就可以解决切换页面空白问题呢？
因为代码中使用的是FragmentPagerAdapter，viewPager.setOffscreenPageLimit(n)中n的个数会影响Fragment的onDestroyView()方法，当缓存的 fragment 超过 setOffscreenPageLimit 设置的值后, 那些 fragment 的onDestroyView()方法会回调。
因此设置为3后切换Tab的话不会调用onDestroyView()方法，不会销毁原来的Fragment也就不会出现空白页面。

二.点击页面中其他按钮刷新整个页面后，ViewPager页面出现空白：

点击页面其他按钮会刷新整个页面重新请求接口,ViewPager会重新setAdapter，此时ViewPager各个子页面都是空白，白屏状态。
通过打印日志，可知，刷新页面ViewPager再次setAdapter,其中FragmentPagerAdapter的getItem()方法并未执行，所以没有获取到相应的Fragment故出现白屏。
解决方法：
继承FragmentStatePagerAdapter替换FragmentPagerAdapter。
问题解决，那么这是为什么呢？陷入思考，FragmentStatePagerAdapter和FragmentPagerAdapter有什么区别呢？
查看源码：
关于FragmentPagerAdapter和FragmentStatePagerAdapter都有下面两个方法：

@NonNull@Overridepublic Object instantiateItem(@NonNull ViewGroup container, int position) {return super.instantiateItem(container, position);}@Overridepublic void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {super.destroyItem(container, position, object);}

对于FragmentPagerAdapter,两个方法实现如下：

@NonNullpublic Object instantiateItem(@NonNull ViewGroup container, int position) {if (this.mCurTransaction == null) {this.mCurTransaction = this.mFragmentManager.beginTransaction();}long itemId = this.getItemId(position);String name = makeFragmentName(container.getId(), itemId);Fragment fragment = this.mFragmentManager.findFragmentByTag(name);//获取Fragmentif (fragment != null) {this.mCurTransaction.attach(fragment);} else {fragment = this.getItem(position);this.mCurTransaction.add(container.getId(), fragment, makeFragmentName(container.getId(), itemId));}if (fragment != this.mCurrentPrimaryItem) {fragment.setMenuVisibility(false);fragment.setUserVisibleHint(false);}return fragment;}public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {if (this.mCurTransaction == null) {this.mCurTransaction = this.mFragmentManager.beginTransaction();}this.mCurTransaction.detach((Fragment)object);}

可以看出FragmentPagerAdapter直接通过findFragmentByTag从固定里面获取Fragment。
因为getItem(position)返回的fragment帮我们加入事务管理中并设置了一个name ，下次再进来这个fragment的时候直接根据这个name来恢复这个fragment。
在destroyItem的时候，FragmentPagerAdapter只是调用detach()方法，将这个position的Fragment的id和宿主解绑，将Fragment的View销毁，而Fragment对象还存在其实并没有把Fragment销毁。所以FragmentPagerAdapter中的Fragment一直存在内存中。
对于FragmentStatePagerAdapter,两个方法实现如下：

@NonNullpublic Object instantiateItem(@NonNull ViewGroup container, int position) {Fragment fragment;if (this.mFragments.size() > position) {fragment = (Fragment)this.mFragments.get(position);//从集合中获取Fragmentif (fragment != null) {return fragment;}}if (this.mCurTransaction == null) {this.mCurTransaction = this.mFragmentManager.beginTransaction();}fragment = this.getItem(position);//如果当前保存的mSavedState中有该位置的数据 setInitialSavedState 将数据恢复if (this.mSavedState.size() > position) {SavedState fss = (SavedState)this.mSavedState.get(position);if (fss != null) {fragment.setInitialSavedState(fss);}}while(this.mFragments.size() <= position) {this.mFragments.add((Object)null);}fragment.setMenuVisibility(false);fragment.setUserVisibleHint(false);this.mFragments.set(position, fragment);this.mCurTransaction.add(container.getId(), fragment);return fragment;}public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {Fragment fragment = (Fragment)object;if (this.mCurTransaction == null) {this.mCurTransaction = this.mFragmentManager.beginTransaction();}while(this.mSavedState.size() <= position) {this.mSavedState.add((Object)null);}this.mSavedState.set(position, fragment.isAdded() ? this.mFragmentManager.saveFragmentInstanceState(fragment) : null);this.mFragments.set(position, (Object)null);this.mCurTransaction.remove(fragment);}

可以看出，在FragmentStatePagerAdapter 里面首先通过mFragments的集合判断是否含有Fragment，如果有的话则直接返回Fragment。
在destroyItem的时候调用了remove方法，销毁了Fragment。
总结：
FragmentPagerAdapter会将每一个生成的Fragment保存在内存中，切换Fragment过程中不会销毁Fragment对象。适用于比较固定的少量的Fragment。
FragmentStatePagerAdapter中实现将只保留当前页面，当页面离开视线后，就会被消除，释放其资源。而在页面需要显示时，生成新的页面。适合页面较多，不会占据大量的内存。
参考文章：
https://www.jianshu.com/p/a97e71bc8281
https://www.jianshu.com/p/9687209cfd5f