ViewPager页面懒加载与缓存页面数量可控

来源：互联网发布：最恐怖的小说知乎编辑：程序博客网时间：2024/05/16 00:45

2013-05-13 17:26:24

标签：缓存 android 懒加载 viewpager 预加载

ViewPager页面懒加载与缓存页面数量可控

本文目标：
1. 实现ViewPager的页面懒加载；
在某些情况下，例如使用ViewPager查看多张大图，此时多张图片不能一次性载入，只有在浏览该页面时才载入（或者预先载入下一页面）页面的具体内容。
2. 可控ViewPager缓存页面的数量。
常见的情况：1.页面的总数是已知的，或者可以计算出来，每个页面占用的资源并不多并且需要经常使用这些页面。这是可以考虑将其常驻ViewPager而不去销毁（频繁的销毁和重建也会消耗比较多的资源）。2.切换页面时默认情况下非相邻的页面会被销毁掉(ViewPager默认缓存或预加载相邻的页面以便快速切换)，如果想要保持页面之前的状态，如滚动条滚动位置等比较困难；这是可以考虑将之前的页面缓存下来而不销毁掉。
ViewPager的默认加载与缓存模式
ViewPager和ListView、GridView等的数据加载方式类似，控件本身都提供了数据加载的适配器接口，程序员只需实现特定的Adapter就可以轻松的将数据填充到容器中。
我们来看一个简单的Demo
1.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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
package com.example.viewpagertest;
import java.util.ArrayList;
import java.util.List;
import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
public class MainActivity extends Activity {
    private static final String TAG = "com.example.viewpagertest.MainActivity";
    private MyViewPager viewPager;
    private List<View> pagers = new ArrayList<View>();
    /** ViewPager缓存页面数目;当前页面的相邻N各页面都会被缓存 */
    private int cachePagers = 1;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        getViews();
        setContentView(viewPager);
        setListener();
        setAdapter();
    }
    private void getViews() {
        viewPager = new MyViewPager(this);
        for (int i = 0; i < 5; i++) {
            TextView textView = new TextView(this);
            pagers.add(textView);
            viewPager.onDisplay(i);//测试1
        }
        viewPager.setOffscreenPageLimit(cachePagers);// 设置缓存页面，当前页面的相邻N各页面都会被缓存
    }
    private void setAdapter() {
        viewPager.setAdapter(pagerAdapter);
    }
    private void setListener() {
        viewPager.setOnPageChangeListener(pageChangeListener);
    }
    /**
     * 页面数据适配器
     */
    private PagerAdapter pagerAdapter = new PagerAdapter() {
        @Override
        public void destroyItem(View container, int position, Object object) {
            Log.i(TAG, "destroyItem:" + position);
            ((ViewGroup) container).removeView((View) object);
        }
        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            Log.i(TAG, "destroyItem:" + position);
            container.removeView((View) object);
        }
        @Override
        public Object instantiateItem(View container, int position) {
            Log.i(TAG, "instantiateItem:" + position);
            try {
                ((ViewPager) container).addView(pagers.get(position));
                // ((MyViewPager) container).onDisplay(position);//测试2
            } catch (Exception e) {
                Log.e(TAG, e.getMessage());
            }
            return pagers.get(position);
        }
        @Override
        public Object instantiateItem(ViewGroup container, int position) {
            Log.i(TAG, "instantiateItem:" + position);
            try {
                ((ViewPager) container).addView(pagers.get(position));
                // ((MyViewPager) container).onDisplay(position);//测试2
            } catch (Exception e) {
                Log.e(TAG, e.getMessage());
            }
            return pagers.get(position);
        }
        @Override
        public boolean isViewFromObject(View arg0, Object arg1) {
            return arg0 == arg1;
        }
        @Override
        public int getCount() {
            return pagers.size();
        }
    };
    /**
     * 页面滚动监听器
     */
    private OnPageChangeListener pageChangeListener = new OnPageChangeListener() {
        @Override
        public void onPageSelected(int arg0) {
            Log.i(TAG, "onPageSelected:" + arg0);
            // viewPager.onDisplay(arg0);//测试3
        }
        @Override
        public void onPageScrolled(int arg0, float arg1, int arg2) {
        }
        @Override
        public void onPageScrollStateChanged(int arg0) {
        }
    };
    /**
     * @Title setPageData
     * @Description 加载页面数据
     * @param position
     */
    private void setPageData(int position) {
        TextView textView = (TextView) pagers.get(position);
        textView.setText("pager" + position);
        Log.i(TAG, "setPageData position:" + position);
    }
    class MyViewPager extends ViewPager implements IPagerDisplay {
        public MyViewPager(Context context) {
            super(context);
        }
        public MyViewPager(Context context, AttributeSet attrs) {
            super(context, attrs);
        }
        @Override
        public void onDisplay(int position) {
            setPageData(position);
        }
    }
}

2.ViewPager数据展示回调接口

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
/**
 * @Title IPagerDisplay.java
 * @Package com.example.viewpagertest
 * @Description ViewPager数据展示回调
 * @author ze.chen
 * @date 2013-5-13 下午2:25:38
 * @version V1.0
 */
package com.example.viewpagertest;
/**
 * @ClassName IPagerDisplay
 * @Description ViewPager懒加载展接口；可以在PagerAdapter的instantiateItem时候调用，
 *              亦可以在OnPageChangeListener的onPageSelected时候调用
 *              ，两处的区别在于，instantiateItem方法ViewPager会自动缓冲
 *              (浏览pager1时将pager2的数据加载好)，
 *              而onPageSelected则不会自动缓冲（浏览pager2时才加载pager2的数据）
 * @author ze.chen
 * @date 2013-5-13 下午2:25:38 
 *
 */
public interface IPagerDisplay {
    void onDisplay(int position);
}

使ViewPager支持懒加载
在以上代码段中，分别注释了：测试1；测试2；测试3。
测试1：在加载ViewPager之前，初始化所有的页面和数据

1
2
3
4
5
6
viewPager = new MyViewPager(this);
        for (int i = 0; i < 5; i++) {
            TextView textView = new TextView(this);
            pagers.add(textView);
            viewPager.onDisplay(i);//测试1
        }

对于测试2和测试3，只将控件添加到pagers列表中，数据不立刻加载
测试2：在ViewPager的页面实例化的时候加载数据，预加载的时候也会执行该方法。

1
2
3
4
5
6
7
8
9
10
public Object instantiateItem(View container, int position) {
            Log.i(TAG, "instantiateItem:" + position);
            try {
                ((ViewPager) container).addView(pagers.get(position));
                ((MyViewPager) container).onDisplay(position);//测试2
            } catch (Exception e) {
                Log.e(TAG, e.getMessage());
            }
            return pagers.get(position);
        }

测试3：当该页面被选中的时候才加载该页面的数据，预加载页面时不会加载预加载页的数据。

1
2
3
4
5
6
7
private OnPageChangeListener pageChangeListener = new OnPageChangeListener() {
        @Override
        public void onPageSelected(int arg0) {
            Log.i(TAG, "onPageSelected:" + arg0);
            viewPager.onDisplay(arg0);//测试3
        }
……

修改ViewPager的缓存页面数量

1
viewPager.setOffscreenPageLimit(int numbers);

viewpager当前页面两侧缓存/预加载的页面数目。当页面切换时，当前页面相邻两侧的numbers页面不会被销毁。