[转]ViewPager学习笔记(一)——懒加载
在项目中ViewPager和Fragment接口框架已经是处处可见,但是在使用中,我们肯定不希望用户在当前页面时就在前后页面的数据,加入数据量很大,而用户又不愿意左右滑动浏览,那么这时候ViewPager中本来充满善意的预加载就有点令人不爽了。我们能做的就是屏蔽掉ViewPager的预加载机制。虽然ViewPager中提供的有setOffscreenPageLimit()来控制其预加载的数目,但是当设置为0后我们发现其根本没效果,这个的最小值就是1,也就是你只能最少前后各预加载一页。那么,这时候就得另觅方法了。
以下三种方法各有千秋,可结合不同场景使用。
方法一
在Fragment可见时请求数据。此方案仍预加载了前后的页面,但是没有请求数据,只有进入到当前Framgent时才请求数据。
优点:实现了数据的懒加载
缺点:一次仍是三个Framgment对象,不是完全意义的懒加载。
public class FragmentSample extends Fragment{ @Override public void setUserVisibleHint(boolean isVisibleToUser) { super.setUserVisibleHint(isVisibleToUser); if (isVisibleToUser) { requestData(); // 在此请求数据 } } ... }
方法二
直接修改ViewPager源码。通过查看ViewPager源码可知,控制其预加载的是一个常量
DEFAULT_OFFSCREEN_PAGES,其默认值为1,表示当前页面前后各预加载一个页面,在这里我们直接将其设置为0即可,即去掉预加载。但是,这样有一个问题,那就是在使用其他控件时需要传入ViewPager时,这个就不能用了。
优点:完全屏蔽掉了预加载
缺点:应用太受限制,比如使用ViewPagerIndicator时需要传入ViewPager对象,这时傻眼了。
// 注意,这是直接拷贝的ViewPager的源码,只修改了注释处的代码 2.public class LazyViewPager extends ViewGroup { 3. private static final String TAG = "LazyViewPager"; 4. private static final boolean DEBUG = false; 5. 6. private static final boolean USE_CACHE = false; 7. 8. // 默认为1,即前后各预加载一个页面,设置为0去掉预加载 9. private static final int DEFAULT_OFFSCREEN_PAGES = 0; 10. 11. private static final int MAX_SETTLE_DURATION = 600; // ms 12. 13. static class ItemInfo { 14. Object object; 15. int position; 16. boolean scrolling; 17. } 18. 19. private static final Comparator<ItemInfo> COMPARATOR = new Comparator<ItemInfo>() { 20. @Override 21. public int compare(ItemInfo lhs, ItemInfo rhs) { 22. return lhs.position - rhs.position; 23. } 24. }; 25. ............ 26.}
方法三
直接继承ViewPager,结合PagerAdapter实现懒加载。该方案是我用到的最完善的方法,完全的懒加载,每次只会建立一个Fragment对象。
优点:完全屏蔽预加载
缺点:稍微复杂,但是人家已经造好的轮子,直接用吧,很简洁
开源库:https://github.com/lianghanzhen/LazyViewPager
这个库就4个类,作者通过继承ViewPager(保证其普适性)、自定义ViewPagerAdapter和 LazyFragmentPagerAdapter以及设置懒加载的标记接口,很好的实现了懒加载。感谢作者。
在此贴出关键代码,有兴趣的同学可以学习下。
LazyViewPager:
public class LazyViewPager extends ViewPager { 2. 3. private static final float DEFAULT_OFFSET = 0.5f; 4. 5. private LazyPagerAdapter mLazyPagerAdapter; 6. private float mInitLazyItemOffset = DEFAULT_OFFSET; 7. 8. public LazyViewPager(Context context) { 9. super(context); 10. } 11. 12. public LazyViewPager(Context context, AttributeSet attrs) { 13. super(context, attrs); 14. 15. TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.LazyViewPager); 16. setInitLazyItemOffset(a.getFloat(R.styleable.LazyViewPager_init_lazy_item_offset, DEFAULT_OFFSET)); 17. a.recycle(); 18. } 19. 20. /** 21. * change the initLazyItemOffset 22. * @param initLazyItemOffset set mInitLazyItemOffset if {@code 0 < initLazyItemOffset <= 1} 23. */ 24. public void setInitLazyItemOffset(float initLazyItemOffset) { 25. if (initLazyItemOffset > 0 && initLazyItemOffset <= 1) { 26. mInitLazyItemOffset = initLazyItemOffset; 27. } 28. } 29. 30. @Override 31. public void setAdapter(PagerAdapter adapter) { 32. super.setAdapter(adapter); 33. mLazyPagerAdapter = adapter != null && adapter instanceof LazyPagerAdapter ? (LazyPagerAdapter) adapter : null; 34. } 35. 36. @Override 37. protected void onPageScrolled(int position, float offset, int offsetPixels) { 38. if (mLazyPagerAdapter != null) { 39. if (getCurrentItem() == position) { 40. int lazyPosition = position + 1; 41. if (offset >= mInitLazyItemOffset && mLazyPagerAdapter.isLazyItem(lazyPosition)) { 42. mLazyPagerAdapter.startUpdate(this); 43. mLazyPagerAdapter.addLazyItem(this, lazyPosition); 44. mLazyPagerAdapter.finishUpdate(this); 45. } 46. } else if (getCurrentItem() > position) { 47. int lazyPosition = position; 48. if (1 - offset >= mInitLazyItemOffset && mLazyPagerAdapter.isLazyItem(lazyPosition)) { 49. mLazyPagerAdapter.startUpdate(this); 50. mLazyPagerAdapter.addLazyItem(this, lazyPosition); 51. mLazyPagerAdapter.finishUpdate(this); 52. } 53. } 54. } 55. super.onPageScrolled(position, offset, offsetPixels); 56. } 57}
public abstract class LazyFragmentPagerAdapter extends LazyPagerAdapter<Fragment> { 2. 3. private static final String TAG = "LazyFragmentPagerAdapter"; 4. private static final boolean DEBUG = false; 5. 6. private final FragmentManager mFragmentManager; 7. private FragmentTransaction mCurTransaction = null; 8. 9. public LazyFragmentPagerAdapter(FragmentManager fm) { 10. mFragmentManager = fm; 11. } 12. 13. @Override 14. public void startUpdate(ViewGroup container) { 15. } 16. 17. @Override 18. public Object instantiateItem(ViewGroup container, int position) { 19. if (mCurTransaction == null) { 20. mCurTransaction = mFragmentManager.beginTransaction(); 21. } 22. 23. final long itemId = getItemId(position); 24. 25. // Do we already have this fragment? 26. String name = makeFragmentName(container.getId(), itemId); 27. Fragment fragment = mFragmentManager.findFragmentByTag(name); 28. if (fragment != null) { 29. if (DEBUG) 30. Log.v(TAG, "Attaching item #" + itemId + ": f=" + fragment); 31. mCurTransaction.attach(fragment); 32. } else { 33. fragment = getItem(container, position); 34. if (fragment instanceof Laziable) { 35. mLazyItems.put(position, fragment); 36. } else { 37. mCurTransaction.add(container.getId(), fragment, name); 38. } 39. } 40. if (fragment != getCurrentItem()) { 41. fragment.setMenuVisibility(false); 42. fragment.setUserVisibleHint(false); 43. } 44. 45. return fragment; 46. } 47. 48. @Override 49. public void destroyItem(ViewGroup container, int position, Object object) { 50. if (mCurTransaction == null) { 51. mCurTransaction = mFragmentManager.beginTransaction(); 52. } 53. if (DEBUG) 54. Log.v(TAG, "Detaching item #" + getItemId(position) + ": f=" + object + " v=" + ((Fragment) object).getView()); 55. 56. final long itemId = getItemId(position); 57. String name = makeFragmentName(container.getId(), itemId); 58. if (mFragmentManager.findFragmentByTag(name) == null) { 59. mCurTransaction.detach((Fragment) object); 60. } else { 61. mLazyItems.remove(position); 62. } 63. } 64. 65. @Override 66. public Fragment addLazyItem(ViewGroup container, int position) { 67. Fragment fragment = mLazyItems.get(position); 68. if (fragment == null) 69. return null; 70. 71. final long itemId = getItemId(position); 72. String name = makeFragmentName(container.getId(), itemId); 73. if (mFragmentManager.findFragmentByTag(name) == null) { 74. if (mCurTransaction == null) { 75. mCurTransaction = mFragmentManager.beginTransaction(); 76. } 77. mCurTransaction.add(container.getId(), fragment, name); 78. mLazyItems.remove(position); 79. } 80. return fragment; 81. } 82. 83. @Override 84. public void finishUpdate(ViewGroup container) { 85. if (mCurTransaction != null) { 86. mCurTransaction.commitAllowingStateLoss(); 87. mCurTransaction = null; 88. mFragmentManager.executePendingTransactions(); 89. } 90. } 91. 92. @Override 93. public boolean isViewFromObject(View view, Object object) { 94. return ((Fragment) object).getView() == view; 95. } 96. 97. public long getItemId(int position) { 98. return position; 99. } 100. 101. private static String makeFragmentName(int viewId, long id) { 102. return "android:switcher:" + viewId + ":" + id; 103. } 104. 105. /** 106. * mark the fragment can be added lazily 107. */ 108. public interface Laziable { 109. } 110. 111.}
最后提醒一下:填充LazyViewPager的Fragment一定要实现接口LazyFragmentPagerAdapter.Laziable。
=========================================================================================
我们在做应用开发的时候,一个Activity里面可能会以viewpager(或其他容器)与多个Fragment来组合使用,而如果每个fragment都需要去加载数据,或从本地加载,或从网络加载,那么在这个activity刚创建的时候就变成需要初始化大量资源。这样的结果,我们当然不会满意。那么,能不能做到当切换到这个fragment的时候,它才去初始化呢?
答案就在Fragment里的setUserVisibleHint这个方法里。该方法用于告诉系统,这个Fragment的UI是否是可见的。所以我们只需要继承Fragment并重写该方法,即可实现在fragment可见时才进行数据加载操作,即Fragment的懒加载。
代码如下:
public abstract class LazyFragment extends Fragment { 12. protected boolean isVisible; 13. /** 14. * 在这里实现Fragment数据的缓加载. 15. * @param isVisibleToUser 16. */ 17. @Override 18. public void setUserVisibleHint(boolean isVisibleToUser) { 19. super.setUserVisibleHint(isVisibleToUser); 20. if(getUserVisibleHint()) { 21. isVisible = true; 22. onVisible(); 23. } else { 24. isVisible = false; 25. onInvisible(); 26. } 27. } 28. protected void onVisible(){ 29. lazyLoad(); 30. } 31. protected abstract void lazyLoad(); 32. protected void onInvisible(){} 33.}
在LazyFragment,我增加了三个方法,一个是onVisiable,即fragment被设置为可见时调用,一个是onInvisible,即fragment被设置为不可见时调用。另外再写了一个lazyLoad的抽象方法,该方法在onVisible里面调用。你可能会想,为什么不在getUserVisibleHint里面就直接调用呢?
我这么写是为了代码的复用。因为在fragment中,我们还需要创建视图(onCreateView()方法),可能还需要在它不可见时就进行其他小量的初始化操作(比如初始化需要通过AIDL调用的远程服务)等。而setUserVisibleHint是在onCreateView之前调用的,那么在视图未初始化的时候,在lazyLoad当中就使用的话,就会有空指针的异常。而把lazyLoad抽离成一个方法,那么它的子类就可以这样做:
public class OpenResultFragment extends LazyFragment{ 2. // 标志位,标志已经初始化完成。 3. private boolean isPrepared; 4. @Override 5. public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { 6. Log.d(LOG_TAG, "onCreateView"); 7. View view = inflater.inflate(R.layout.fragment_open_result, container, false); 8. //XXX初始化view的各控件 9. isPrepared = true; 10. lazyLoad(); 11. return view; 12. } 13. @Override 14. protected void lazyLoad() { 15. if(!isPrepared || !isVisible) { 16. return; 17. } 18. //填充各控件的数据 19. } 20.}
在上面的类当中,我们增加了一个标志位isPrepared,用于标志是否初始化完成。然后在我们所需要的初始化操作完成之后调用,如上面的例子当中,在初始化view之后,设置 isPrepared为true,同时调用lazyLoad()方法。而在lazyLoad()当中,判断isPrepared和isVisible只要有一个不为true就不往下执行。也就是仅当初始化完成,并且可见的时候才继续加载,这样的避免了未初始化完成就使用而带来的问题。