Android TabLayout+ViewPager+Fragment实现懒加载完全解决方案

版权声明：本文为CSDN博主「代码都tm飞了」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接

开发过程中TabLayout配合ViewPager和Fragment的使用是常用的实现多页面的方式。但是这种方式存在一些问题：ViewPager会对其中的Fragment进行预加载。也就是说用户第一次打开第一个界面的时候，不仅第一个界面会进行加载，其他的界面也会进行界面的预加载。这样就会带来界面启动加载慢，浪费系统资源和用户流量的不好的体验。而Fragment的懒加载恰好可以解决这个问题.

首先我们来看看其他App的懒加载实现效果，这里以Bilibili客户端为例：

实现思路：

通过Fragment的setUserVisibleHint方法，这个方法会传递一个boolean类型的参数isVisibleToUser，当Fragment的可见性发生变化时回调这个方法并把是否可见传入参数。所以我们可以在这个方法中进行懒加载。

@Override
public void setUserVisibleHint(boolean isVisibleToUser) {
    super.setUserVisibleHint(isVisibleToUser);
    if (isVisibleToUser) {
        onLazyLoad();//数据加载操作
    }
}

问题1：

setUserVisibleHint方法在切换界面时会多次调用，而我们只希望他被调用一次，既第一次进入页面时被调用。

解决：

在Fragment里创建一个boolean类型的成员变量isFirstLoad，来判断当前是否为第一次进入界面。并在Fragment初始化的时候将其初始化为true，在setUserVisibleHint方法中进行判断如果为true就开始加载数据并将其置为false，否则不加载。

private boolean isFirstLoad = true;//初始化变量

@Override
    public void setUserVisibleHint(boolean isVisibleToUser) {
        super.setUserVisibleHint(isVisibleToUser);
        if (isFirstLoad && isVisibleToUser) {
            onLazyLoad();//数据加载操作
            isFirstLoad = false;//改变变量的值
        }
    }

问题2：

setUserVisibleHint是Fragment的可见性变化时回调的方法，而onCreateView是Fragment创建视图时回调的方法。但是我们无法保证setUserVisibleHint的调用发生在onCreateView(也就是视图创建)之后。那么我们就是在视图还没有创建时进行数据加载，而往往数据的加载会对视图控件进行操作，那么就会造成空指针的异常发生(因为视图控件还没有初始化)。

解决：

既然我们要保证数据加载发生在视图创建之后，那么我们依然可以通过对isFirstLoad这个成员变量的操作来实现。之前我们是在Fragment创建时就初始化isFirstLoad为true，那么我们这次就可以将他初始化为false然后在onCreateView中将其初始化为true，这样就能保证视图创建完成之前不会进行数据加载的操作。

private boolean isFirstLoad = false;//初始化为false

@Nullable
@Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, Bundle savedInstanceState) {

    View view = inflater.inflate(R.layout.XX,container,false);
    //初始化视图控件...

    isFirstLoad = true;//视图创建完成，将变量置为true

    return view; 
}

    @Override
    public void setUserVisibleHint(boolean isVisibleToUser) {
        super.setUserVisibleHint(isVisibleToUser);
        if (isFirstLoad && isVisibleToUser) {
            onLazyLoad();//数据加载操作
            isFirstLoad = false;
        }
    }

问题3：

setUserVisibleHint这个方法只在Fragment的可见性改变的时候才会被调用，而如果按照上面的代码第一次进入页面之后setUserVisibleHint先被调用，这时视图还没有完成创建，所以数据加载操作不会被调用。而之后没有切换页面，Fragment的可见性也就不会发生改变了，setUserVisibleHint也就不会被调用了，那么数据加载也就不会被执行了。

解决：

既然要保证在视图创建完成后要进行一次数据加载，那么就在onCreateView方法中手动调用一次数据加载就好了。不过这里也要进行对isFirstLoad的操作，在数据加载之前要通过getUserVisibleHint()判断可见性，在加载后还要将isFirstLoad置为false。这样才足够严谨。

private boolean isFirstLoad = false;

@Nullable
@Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, Bundle savedInstanceState) {

    View view = inflater.inflate(R.layout.XX,container,false);
    //初始化视图控件...

    isFirstLoad = true;//视图创建完成，将变量置为true 

    if (getUserVisibleHint()) {//判断Fragment是否可见
        onLazyLoad();//数据加载操作
        isFirstLoad = false;//将变量置为false
    }
    return view;
}

@Override
    public void setUserVisibleHint(boolean isVisibleToUser) {
        super.setUserVisibleHint(isVisibleToUser);
        if (isFirstLoad && isVisibleToUser) {
            onLazyLoad();//数据加载操作
            isFirstLoad = false;//将变量置为false
        }

    }

完全解决方案：

创建一个抽象父类：BaseLazyLoadFragment，在父类中实现整个懒加载的流程，然后将初始化视图、初始化事件和数据加载的接口暴露给子类让子类来实现。完整代码：

public abstract class BaseLazyLoadFragment extends Fragment {

    private boolean isFirstLoad = false;

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, Bundle savedInstanceState) {

        View view = initView(inflater, container);//让子类实现初始化视图

        initEvent();//初始化事件

        isFirstLoad = true;//视图创建完成，将变量置为true

        if (getUserVisibleHint()) {//如果Fragment可见进行数据加载
            onLazyLoad();
            isFirstLoad = false;
        }
        return view;
    }

    @Override
    public void onDestroyView() {
        super.onDestroyView();
        isFirstLoad = false;//视图销毁将变量置为false
    }

    @Override
    public void setUserVisibleHint(boolean isVisibleToUser) {
        super.setUserVisibleHint(isVisibleToUser);
        if (isFirstLoad && isVisibleToUser) {//视图变为可见并且是第一次加载
            onLazyLoad();
            isFirstLoad = false;
        }

    }
    //数据加载接口，留给子类实现
    public abstract void onLazyLoad();
    
    //初始化视图接口，子类必须实现
    public abstract View initView(LayoutInflater inflater, @Nullable ViewGroup container);
    
    //初始化事件接口，留给子类实现
    public abstract void initEvent();

}

使用：

如果当前的Fragment要用到懒加载功能的话，只要让他继承自BaseLazyLoadFragment，并重写对应的方法就可以了。

效果展示：

这里只有一个Activity，然后通过TabLayout+ViewPager+Fragment来实现多页面，接着用BaseLazyLoadFragment来实现懒加载。这里用SwipeRefreshLayout的加载和视图的隐藏/显示来模拟数据加载过程。

注意：

ViewPager默认只保留当前视图的前后各一个视图，其他的视图会被销毁。如果不想让视图被销毁要重写FragmentPagerAdapter的destroyItem方法，并注释掉原本的代码。

总结：

其实之所以Fragment的懒加载这么麻烦是因为Fragment的生命周期很特殊，Fragment的几个生命周期方法都是和他所绑定的Activity的生命周期对应的。但是当Activity可见的时候Fragment却不一定可见，所以出现了Fragment专有的生命周期方法：setUserVisibleHint()。但是在使用时也不可以脱离Activity的那几个生命周期来使用，所以懒加载实现起来才有这么多讲究。