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的那几个生命周期来使用,所以懒加载实现起来才有这么多讲究。

你可能感兴趣的:(Android TabLayout+ViewPager+Fragment实现懒加载完全解决方案)