LJ的Blog

学海无涯苦做舟

0%

Fragment结合ViewPager之懒加载

发表于 更新于 分类于

什么是懒加载？为什么要用懒加载？###

1、什么是懒加载

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

2、为什么要用懒加载

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

背景简介

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
public class TechFragmentPageAdapter extends FragmentPagerAdapter {
    private List<Fragment> fragmentList;

    public TechFragmentPageAdapter(FragmentManager fm, List<Fragment> 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可以

1
getSupportFragmentManager();

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

实现

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

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
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输出如下：

Log日志.png

首先和我们预料的一样，ViewPager的确有加载下一页的特性，然后我们滑动到第二页查看Log。
第二页Log.png
我们可以发现，当我们滑动到第二页时，第三页开始预加载，而且第二页的setUserVisibleHint中的值已经被置为了true。也就是说当前页面可见时，我们调用getUserVisibleHint()的值是true。那么我们可以根据这个特性去实现懒加载：

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

以下是我封装的代码，我封装无力，各位如果觉得可以便自取，如果觉得不行可以自己改进~

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
package com.lauren.simplenews.news.widget;

import android.content.Context;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;


/**
 * Created by Luo_xiasuhuei321@163.com on 2016/8/29.
 *
 * 实现懒加载的Fragment
 */
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);
}

###后话###
最近我搭建了自己的个人博客，虽然今天（9.2）没时间完善了，但是以后有空我会完善一下的。而且有些文章我也不会再简书更新……比如我想把我的java回炉重造一下……但是有关java的这些东西不怎么想放到简书上，还是放到我自己的小窝里~

最后附上链接吧：https://xiasuhuei321.github.io
恩，域名暂时没买，先就这么用着吧。