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

一.概述

玩过微信的都知道,微信用的是懒加载的模式,之所以使用懒加载是因为:当使用viewpager+adapter作为应用大的布局时,viewpager会通过setOffscreenPageLimit来设置预加载的项目,不设置setOffscreenPageLimit,则默认为1(设置0无效,可以查看该方法源码知道),也就是当我们打开应用看到的时候fragmentOne时,实际上其他fragment(例如fragmentSecond)也进行了加载,只不过没有显示出来罢了,但是这样就造成了不必要的资源浪费(例如,fragmentSecond没有显示,但是却进行了大量的网络加载操作)。
这里写图片描述
基于上述情况,就有了懒加载方式的诞生(即只加载当前显示页面且只加载一次,滑动到其他页面时才加载其他页面数据,当再滑动到已加载过数据的页面时不再进行数据加载操作,若想要刷新数据,再调用相应的加载数据方法就好了)

二.Fragment生命周期基本探索

为了更好的知道懒加载的实现原理,下面通过几个测试来学习下。
测试的几个文件如下
(可以看到有3个fragment,由FragmentPagerAdapter+viewpager构成)

这里写图片描述

  1. 情况一
    setOffscreenPageLimit(1) (即默认情况)

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

2.情况二
setOffscreenPageLimit(3) (即设置预加载数目为实际fragment数目)

这里写图片描述

这里写图片描述

这里写图片描述

三.Fragment懒加载实现

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

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

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

下面就来看代码实现
主要代码都在BaseFragment中,整个项目大家可以在最后给出的地址处下载

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
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