Fragment实现懒加载，让应用更优化

一.概述

玩过微信的都知道，微信用的是懒加载的模式，之所以使用懒加载是因为：当使用viewpager+adapter作为应用大的布局时，viewpager会通过setOffscreenPageLimit来设置预加载的项目，不设置setOffscreenPageLimit，则默认为1（设置0无效，可以查看该方法源码知道），也就是当我们打开应用看到的时候fragmentOne时，实际上其他fragment（例如fragmentSecond）也进行了加载，只不过没有显示出来罢了，但是这样就造成了不必要的资源浪费（例如，fragmentSecond没有显示，但是却进行了大量的网络加载操作）。



基于上述情况，就有了懒加载方式的诞生（即只加载当前显示页面且只加载一次，滑动到其他页面时才加载其他页面数据，当再滑动到已加载过数据的页面时不再进行数据加载操作，若想要刷新数据，再调用相应的加载数据方法就好了）

二.Fragment生命周期基本探索

为了更好的知道懒加载的实现原理,下面通过几个测试来学习下。

测试的几个文件如下

（可以看到有3个fragment，由FragmentPagerAdapter+viewpager构成）



情况一

setOffscreenPageLimit（1） （即默认情况）











2.情况二

setOffscreenPageLimit（3） （即设置预加载数目为实际fragment数目）

三.Fragment懒加载实现

可以看到无论是情况一还是情况二,fragment都会调用fragment的setUserVisibleHint进行判断，所以我们就需要在这里做文章。



1.当isVisibleToUser 为true则进行数据加载，当isVisibleToUser为false则不进行数据加载

2.对于已经加载过数据的fragment，再次被滑动到也不在进行加载数据，也就是每个fragment仅做一次数据加载工作

下面就来看代码实现

主要代码都在BaseFragment中，整个项目大家可以在最后给出的地址处下载

public abstract class BaseFragment extends Fragment {

private boolean isVisible = false;//当前Fragment是否可见
private boolean isInitView = false;//是否与View建立起映射关系
private boolean isFirstLoad = true;//是否是第一次加载数据

private View convertView;
private SparseArray<View> mViews;

@Nullable
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
LogUtil.m("   " + this.getClass().getSimpleName());
convertView = inflater.inflate(getLayoutId(), container, false);
mViews = new SparseArray<>();
initView();
isInitView = true;
lazyLoadData();
return convertView;
}

@Override
public void onViewCreated(View view, Bundle savedInstanceState) {
super.onViewCreated(view, savedInstanceState);
LogUtil.m("   " + this.getClass().getSimpleName());
}

@Override
public void onAttach(Context context) {
super.onAttach(context);
LogUtil.m("context" + "   " + this.getClass().getSimpleName());

}

@Override
public void setUserVisibleHint(boolean isVisibleToUser) {
LogUtil.m("isVisibleToUser " + isVisibleToUser + "   " + this.getClass().getSimpleName());
if (isVisibleToUser) {
isVisible = true;
lazyLoadData();

} else {
isVisible = false;
}
super.setUserVisibleHint(isVisibleToUser);
}

private void lazyLoadData() {
if (isFirstLoad) {
LogUtil.m("第一次加载 " + " isInitView  " + isInitView + "  isVisible  " + isVisible + "   " + this.getClass().getSimpleName());
} else {
LogUtil.m("不是第一次加载" + " isInitView  " + isInitView + "  isVisible  " + isVisible + "   " + this.getClass().getSimpleName());
}
if (!isFirstLoad || !isVisible || !isInitView) {
LogUtil.m("不加载" + "   " + this.getClass().getSimpleName());
return;
}

LogUtil.m("完成数据第一次加载");
initData();
isFirstLoad = false;
}

/**
* 加载页面布局文件
* @return
*/
protected abstract int getLayoutId();

/**
* 让布局中的view与fragment中的变量建立起映射
*/
protected abstract void initView();

/**
* 加载要显示的数据
*/
protected abstract void initData();

/**
* fragment中可以通过这个方法直接找到需要的view，而不需要进行类型强转
* @param viewId
* @param <E>
* @return
*/
protected <E extends View> E findView(int viewId) {
if (convertView != null) {
E view = (E) mViews.get(viewId);
if (view == null) {
view = (E) convertView.findViewById(viewId);
mViews.put(viewId, view);
}
return view;
}
return null;
}

}

可以看到initView方法是在onCreateView中调用，而initData只有执行过onCreateView才会调用，这样的顺序安排就不会导致在initData中执行数据加载过程，找不到需要的view而报错。

项目结构



演示效果





可以看到fragment只会进行执行一次initData，懒加载到此完整，下一篇将在此基础上进行高仿微信的效果

源码地址 https://github.com/ImmortalZ/LazyFragment

欢迎star,fork!`(∩_∩)′