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中,整个项目大家可以在最后给出的地址处下载

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!`(∩_∩)′

  • 8
    点赞
  • 30
    收藏
    觉得还不错? 一键收藏
  • 7
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值