ViewPager + Fragment 懒加载(Lazy Lo

2017-01-10  本文已影响1619人  littlezan

看了网上很多Fragment懒加载的文章,自己实践后总结一下:

在使用ViewPager装载Fragment的时候一般会遇到,Fragment懒加载的问题。
因为系统默认的ViewPager会缓存当前页面相邻的两个页面,左右各一个,这两个页面在屏幕外,在加载当前页面的时候,左右两个页面会同时加载。

先看一下Fragment生命周期:

Fragment生命周期.png

ViewPager装载3个Fragment1Fragment2Fragment3

假设屏幕展示的是Fragment2,当切换到Fragment2时,Fragment会回调生命周期中相应的函数:

Fragment1setUserVisibleHint(boolean isVisibleToUser) --> onCreateView() --> onActivityCreated()
Fragment2setUserVisibleHint(boolean isVisibleToUser) --> onCreateView() --> onActivityCreated()
Fragment3setUserVisibleHint(boolean isVisibleToUser) --> onCreateView() --> onActivityCreated()

当前Fragment处于可见状态的时候,setUserVisibleHint(boolean isVisibleToUser)函数中的isVisibleToUser = true

当前Fragment处于不可见,setUserVisibleHint(boolean isVisibleToUser)函数中的isVisibleToUser = false

利用这个值得不同可以区分,进而实现懒加载
代码如下:

public class LazyLoadFragment extends Fragment {

    protected boolean isViewInitiated;
    protected boolean isVisibleToUser;
    protected boolean isDataInitiated;


    @Override
    public void setUserVisibleHint(boolean isVisibleToUser) {
        super.setUserVisibleHint(isVisibleToUser);
        this.isVisibleToUser = isVisibleToUser;
        //Fragment状态改变的时候加载数据
        prepareFetchData();
    }

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        initVariable();
        return super.onCreateView(inflater, container, savedInstanceState);
    }

    private void initVariable() {
        isViewInitiated = false;
    }


    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        isViewInitiated = true;
        //Fragment状态改变的时候加载数据
        prepareFetchData();
    }

    public void prepareFetchData() {
        if (isVisibleToUser && isViewInitiated && !isDataInitiated) {
            isDataInitiated = true;
            fetchData();
        }
    }

    private void fetchData() {
        //加载数据,刷新View
    }
    
}

注意几个知识点:

上一篇 下一篇

猜你喜欢

热点阅读