Android开发之Viewpager+Fragment实现懒加载

网上的懒加载分析文章已经很多，这里也给出我自己的分析思路。

1 为什么要实现懒加载？原因是默认情况下ViewPager会去预加载前后各一页的内容。预加载会依次调用Fragment的生命周期方法 onAttach(),onCreate(),onCreateView(),onViewCreated(),onActivityCreated(),onStart(),onResume()，此时已经完成网络的请求了（一般而言我们会把请求网络的接口放在onViewCreated中），结果就是浪费用户的流量。

2 何谓懒加载？懒加载即是当Fragment可见时才去加载数据。对于普通的fragment，参考activity，当onStart被调用时其界面应该就可见了。但是当Viewpager+Fragment配合使用时，根据上面的内容，此时Viewpager相邻的Fragment是不可见的，但是onStart已经调用了。显然，在Viewpager+Fragment配合使用时，无法通过onStart是否调用判断Fragment是否可见。针对这种情况，谷歌提供了一个方法 public void setUserVisibleHint(boolean isVisibleToUser) 用于判断Viewpager+Fragment配合使用时，fragment是否可见。参数isVisibleToUser为true时可见，为false时不可见。

3 懒加载的难点其实主要是各种标志位的意义

 private void lazyLoad() {
        if(getUserVisibleHint() && isViewPrepared && !hasLoadData){
            hasLoadData = true;
            initdata();
        }
    }

标志位有3个：

getUserVisibleHint ： 表示界面是否可见

isViewPrepared 　：　表示界面是否已经准备好

hasLoadData　：　表示是否已经加载过数据。

只有当界面可见，界面ui已经准备好，且没有加载过数据的情况下，才调用initData()加载数据。

3.1 isViewPrepared

首先我们会想到，既然setUserVisiableHint() 能够判断界面是否可见，那直接在setUserVisiableHint() 进行判断，当界面可见时，即isVisibleToUser为true去加载数据不就行了吗？答案是不行。理由是setUserVisiableHint() 会在生命周期方法调用前调用。以下是打印的log:

05-24 10:42:12.819 15245-15245/com.lyd.lazyload I/FRAGMENT: Tab1 isVisibleToUser :false
05-24 10:42:12.819 15245-15245/com.lyd.lazyload I/FRAGMENT: Tab2 isVisibleToUser :false
05-24 10:42:12.820 15245-15245/com.lyd.lazyload I/FRAGMENT: Tab1 isVisibleToUser :true
05-24 10:42:12.821 15245-15245/com.lyd.lazyload I/FRAGMENT: Tab1  onAttach
05-24 10:42:12.821 15245-15245/com.lyd.lazyload I/FRAGMENT: Tab1  onCreate
05-24 10:42:12.821 15245-15245/com.lyd.lazyload I/FRAGMENT: Tab2  onAttach
05-24 10:42:12.821 15245-15245/com.lyd.lazyload I/FRAGMENT: Tab2  onCreate
05-24 10:42:12.822 15245-15245/com.lyd.lazyload I/FRAGMENT: Tab1  onCreateView
05-24 10:42:12.825 15245-15245/com.lyd.lazyload I/FRAGMENT: Tab1  onViewCreated
05-24 10:42:12.826 15245-15245/com.lyd.lazyload I/FRAGMENT: Tab1  onActivityCreated
05-24 10:42:12.826 15245-15245/com.lyd.lazyload I/FRAGMENT: Tab1  onStart
05-24 10:42:12.826 15245-15245/com.lyd.lazyload I/FRAGMENT: Tab1  onResume
05-24 10:42:12.826 15245-15245/com.lyd.lazyload I/FRAGMENT: Tab2  onCreateView
05-24 10:42:12.829 15245-15245/com.lyd.lazyload I/FRAGMENT: Tab2  onViewCreated
05-24 10:42:12.829 15245-15245/com.lyd.lazyload I/FRAGMENT: Tab2  onActivityCreated
05-24 10:42:12.829 15245-15245/com.lyd.lazyload I/FRAGMENT: Tab2  onStart
05-24 10:42:12.829 15245-15245/com.lyd.lazyload I/FRAGMENT: Tab2  onResume

那么为什么setUserVisiableHint() 在生命周期前调用就不能在里面去加载数据呢？联系我们具体项目，一般而言拉取数据后会去更新ui控件,那ui控件的实例从哪里获得？

 @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        Log.i(TAG , mParam1 + "onCreateView");
        View view = inflater.inflate(R.layout.fragment_my, container, false);
        tv = (TextView) view.findViewById(R.id.tv);
        return view;
    }

如上所示，在onCreateView中通过View.findViewById获取ui控件的实例，之后才能更新ui，所以在setUserVisiableHint()里面去拉取数据可以，但是不能更新ui，否则会报空指针异常。

那么这时候我们就可以在增加标志位isViewPrepared，表示界面是否已经加载完成，在onCreateView() 中View view = inflater.inflate(R.layout.fragment_my, container, false)后设置为true即可，这里我把它放在onViewCreated()这个方法中，由方法名可以知道，此时View已经创建完成。

3.2 getUserVisibleHint 

界面可见时返回true，不可见时返回false

3.3 hasLoadData

其实这里主要有3种情景需要考虑：

假设ViewPager共有3个页面，分别对应Fragment1,fragment2,fragment3.

1一开始进来，fragment1可见，Viewpager会去预加载fragment2，此时fragment2要不要去加载数据？当然是不去加载，只有Fragment可见时才去加载数据。

2由fragment1滑到fragment2,然后再回到fragment1,此时fragment1需不需要再次去加载数据？需不需要加载数据主要是看滑动Fragment2时，fragment1有没有被销毁？通过log我们可以知道，当滑到Fragment时，并没有触发Fragment1的任何生命周期方法，所以此时Fragment1页面没有销毁，不需要去加载数据。此时hasLoadData为true,所以initdata()不执行。

3由fragment滑到fragment2,在滑到Fragment3,然后再回到Fragment1.此时Fragment1需不需要去加载数据？

当滑到Fragment3时，log如下：

05-24 15:15:32.139 12422-12422/com.lyd.lazyload I/FRAGMENT: Tab1 onPause
05-24 15:15:32.139 12422-12422/com.lyd.lazyload I/FRAGMENT: Tab1 onStop
05-24 15:15:32.140 12422-12422/com.lyd.lazyload I/FRAGMENT: Tab1 onDestroyView

此时Fragment1界面被销毁，回到Fragment1时需要重新加载数据。需要特别注意的是，当滑到Fragment3时，fragment1并没有调用onDestory方法，也即是没有销毁Fragment1的实例，只是销毁它的界面。所以需要onDestroyView做出判断：

 @Override
    public void onDestroyView() {
        super.onDestroyView();
        Log.i(TAG , mParam1 + "onDestroyView");
        hasLoadData = false;
        isViewPrepared = false;

    }

以下是完整代码：

public class MyFragment extends Fragment {
    public static final String TAG = "FRAGMENT";

    private static final String ARG_PARAM1 = "param1";
    private static final String ARG_PARAM2 = "param2";
    private String mParam1;
    private String mParam2;
    private boolean hasLoadData = false;//是否已经加载过数据
    private boolean isViewPrepared = false;//控件是否已经准备好
    private TextView tv;


    public MyFragment() {
        // Required empty public constructor
    }

    public static MyFragment newInstance(String param1, String param2) {
        MyFragment fragment = new MyFragment();
        Bundle args = new Bundle();
        args.putString(ARG_PARAM1, param1);
        args.putString(ARG_PARAM2, param2);
        fragment.setArguments(args);
        return fragment;
    }

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        Log.i(TAG , mParam1 + "onCreate");
        if (getArguments() != null) {
            mParam1 = getArguments().getString(ARG_PARAM1);
            mParam2 = getArguments().getString(ARG_PARAM2);
        }
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        Log.i(TAG , mParam1 + "onCreateView");
        View view = inflater.inflate(R.layout.fragment_my, container, false);
         tv = (TextView) view.findViewById(R.id.tv);

        return view;
    }

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

    }

    private void lazyLoad() {
        if(getUserVisibleHint() && isViewPrepared && !hasLoadData){
            hasLoadData = true;
            initView();
        }
    }

    private void initView() {
        Log.i(TAG , mParam1 + "initdata");
        tv.setText(mParam1);
    }

    @Override
    public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
        Log.i(TAG , mParam1 + "onViewCreated");
        isViewPrepared = true;
        lazyLoad();

    }


    @Override
    public void onDestroyView() {
        super.onDestroyView();
        Log.i(TAG , mParam1 + "onDestroyView");
        hasLoadData = false;
        isViewPrepared = false;

    }


}