Android 项目必备（十三）--＞ Fragment 结合 ViewPager 实现懒加载

前言

1. 什么是懒加载

懒加载就是当 ViewPager 和 Fragment 结合在一起使用时，Fragment 呈现在用户面前时才加载数据，当其从未被呈现在用户面前时，不会执行加载数据的代码。这就是我所理解的懒加载。

2. 为什么要用懒加载

ViewPager 默认会预加载下一页，对于某些重量级的 Fragment 来说无疑会造成很大的开销，当然了，如果对于你来说这些开销是必要的，也不必无脑用懒加载。

简介

很多时候我们都会将 ViewPager 和 Fragment 结合在一起使用，因为 Android 给我们提供了非常便利的 FragmentPageAdapter ,而这个 adapter 实现起来非常简单：

public class TechFragmentPageAdapter extends FragmentPagerAdapter {
    private List fragmentList;

    public TechFragmentPageAdapter(FragmentManager fm, List fragmentList) {
        super(fm);
        this.fragmentList = fragmentList;
    }

    @Override
    public Fragment getItem(int position) {
        return fragmentList.get(position);
    }

    @Override
    public int getCount() {
        return fragmentList.size();
    }
}

现在我们一般的 Activity 都是继承于 AppCompatActivity，而这个 activity 可以:

getSupportFragmentManager();

那么在实现以上的 adapter 时我们只要传入我们的 fragmentList 就可以了。这样的 adapter 既看起来舒服，又好使。但是 ViewPager 默认会加载下一页，当你调用 setOffscreenPageLimit() ，并且将值设置为 0，抱歉，没啥用，因为当你设置的值小于1 的时候默认还是 1。那么，这个时候就需要我们自己去实现懒加载了。

实现

实现懒加载的关键是在于以下两个方法：

/**
 * 文档对于这个方法的描述是：Set a hint to the system about whether this 
 * fragment's UI is currently visible to the user.
 **/
getUserVisibleHint()
setUserVisibleHint(boolean isVisibleToUser)

接下来让我通过一段 Log 来了解这段故事，因为代码结构比较简单，只放其中的一段代码上来，其他的，靠我们脑补就行了。

public class FirstFragment extends Fragment {
    private static final String TAG = "FirstFragment";

    @Override
    public void onAttach(Context context) {
        Log.e(TAG, "onAttach");
        super.onAttach(context);
    }

    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        Log.e(TAG, "onCreate");
        super.onCreate(savedInstanceState);
    }

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

    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        Log.e(TAG, "onActivityCreated");
        super.onActivityCreated(savedInstanceState);
    }

    @Override
    public void onStart() {
        Log.e(TAG, "onStart");
        super.onStart();
    }

    @Override
    public void onResume() {
        Log.e(TAG, "onResume");
        super.onResume();
    }

    @Override
    public void onPause() {
        Log.e(TAG, "onPause");
        super.onPause();
    }

    @Override
    public void onStop() {
        Log.e(TAG, "onStop");
        super.onStop();
    }

    @Override
    public void onDestroyView() {
        Log.e(TAG, "onDestroyView");
        super.onDestroyView();
    }

    @Override
    public void onDestroy() {
        Log.e(TAG, "onDestroy");
        super.onDestroy();
    }

    @Override
    public void onDetach() {
        Log.e(TAG, "onDetach");
        super.onDetach();
    }

    @Override
    public boolean getUserVisibleHint() {
        Log.e(TAG, "getUserVisibleHint");
        return super.getUserVisibleHint();
    }

    @Override
    public void setUserVisibleHint(boolean isVisibleToUser) {
        super.setUserVisibleHint(isVisibleToUser);
        Log.e(TAG, "setUserVisibleHint:" + isVisibleToUser);
    }
}

非常简单的一个 Fragment，我只是在其中的各个方法中加入了 Log 这个操作而已，为了方便查看我使用了e这个级别的日志。类似的 Fragment 还有 SecondFragment 和 ThirdFragment 。当我使用 FragmentPagerAdapter 和 ViewPager 的时候，他们的Log输出如下： 首先和我们预料的一样，ViewPager 的确有加载下一页的特性，然后我们滑动到第二页查看 Log 我们可以发现，当我们滑动到第二页时，第三页开始预加载，而且第二页的 setUserVisibleHint 中的值已经被置为了 true。也就是说当前页面可见时，我们调用getUserVisibleHint()的值是true。那么我们可以根据这个特性去实现懒加载：

当前页面不可见，但是ViewPager预加载的时候，我们判断当前页面是否可见，不可见则不进行加载数据的操作，仅仅做布局初始化的工作。在当前页面变为可用的时候，我们调用加载数据的方法，那么数据便在ViewPager滑动到当前页面的时候开始加载了。

代码封装

public abstract class BaseLazyFragment extends Fragment {

    protected View mRootView;
    protected Context mContext;
    protected boolean isVisible;
    private boolean isPrepared;
    private boolean isFirst = true;

    //--------------------system method callback------------------------//

    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        isPrepared = true;
        initPrepare();
    }

    @Override
    public void setUserVisibleHint(boolean isVisibleToUser) {
        super.setUserVisibleHint(isVisibleToUser);
        if(getUserVisibleHint()){
            isVisible = true;
            lazyLoad();
        }else{
            isVisible = false;
            onInvisible();
        }
    }

    @Override
    public void onResume() {
        super.onResume();
        if(getUserVisibleHint()){
            setUserVisibleHint(true);
        }
    }

    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        mContext = getActivity();
    }

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        if(mRootView == null){
            mRootView = initView(inflater,container,savedInstanceState);
        }

        return mRootView;
    }

    //--------------------------------method---------------------------//

    /**
     * 懒加载
     */
    protected void lazyLoad(){
        if(!isPrepared || !isVisible || !isFirst){
            return;
        }
        initData();
        isFirst = false;
    }

    //--------------------------abstract method------------------------//

    /**
     * 在onActivityCreated中调用的方法，可以用来进行初始化操作。
     */
    protected abstract void initPrepare();

    /**
     * fragment被设置为不可见时调用
     */
    protected abstract void onInvisible();

    /**
     * 这里获取数据，刷新界面
     */
    protected abstract void initData();

    /**
     * 初始化布局，请不要把耗时操作放在这个方法里，这个方法用来提供一个
     * 基本的布局而非一个完整的布局，以免ViewPager预加载消耗大量的资源。
     */
    protected abstract View initView(LayoutInflater inflater,
                                     @Nullable ViewGroup container,
                                     @Nullable Bundle savedInstanceState);
}