在项目中ViewPager和Fragment接口框架已经是处处可见,但是在使用中,我们肯定不希望用户在当前页面时就在前后页面的数据,加入数据量很大,而用户又不愿意左右滑动浏览,那么这时候ViewPager中本来充满善意的预加载就有点令人不爽了。我们能做的就是屏蔽掉ViewPager的预加载机制。虽然ViewPager中提供的有setOffscreenPageLimit()来控制其预加载的数目,但是当设置为0后我们发现其根本没效果,这个的最小值就是1,也就是你只能最少前后各预加载一页。那么,这时候就得另觅方法了。

以下三种方法各有千秋,可结合不同场景使用。

方法一

在Fragment可见时请求数据。此方案仍预加载了前后的页面,但是没有请求数据,只有进入到当前Framgent时才请求数据。

优点:实现了数据的懒加载

缺点:一次仍是三个Framgment对象,不是完全意义的懒加载。

public class FragmentSample extends Fragment{    @Override
     public void setUserVisibleHint(boolean isVisibleToUser) {
         super.setUserVisibleHint(isVisibleToUser);
         if (isVisibleToUser) {
             requestData(); // 在此请求数据
         }
     }
     ...
 }

方法二

直接修改ViewPager源码。通过查看ViewPager源码可知,控制其预加载的是一个常量

DEFAULT_OFFSCREEN_PAGES,其默认值为1,表示当前页面前后各预加载一个页面,在这里我们直接将其设置为0即可,即去掉预加载。但是,这样有一个问题,那就是在使用其他控件时需要传入ViewPager时,这个就不能用了。

优点:完全屏蔽掉了预加载

缺点:应用太受限制,比如使用ViewPagerIndicator时需要传入ViewPager对象,这时傻眼了。

// 注意,这是直接拷贝的ViewPager的源码,只修改了注释处的代码
2.public class LazyViewPager extends ViewGroup {
3.    private static final String TAG = "LazyViewPager";
4.    private static final boolean DEBUG = false;
5.
6.    private static final boolean USE_CACHE = false;
7.
8.     // 默认为1,即前后各预加载一个页面,设置为0去掉预加载
9.      private static final int DEFAULT_OFFSCREEN_PAGES = 0;
10.
11.    private static final int MAX_SETTLE_DURATION = 600; // ms
12.
13.    static class ItemInfo {
14.        Object object;
15.        int position;
16.        boolean scrolling;
17.    }
18.
19.    private static final Comparator<ItemInfo> COMPARATOR = new Comparator<ItemInfo>() {
20.        @Override
21.        public int compare(ItemInfo lhs, ItemInfo rhs) {
22.            return lhs.position - rhs.position;
23.        }
24.    };
25.      ............
26.}

方法三

直接继承ViewPager,结合PagerAdapter实现懒加载。该方案是我用到的最完善的方法,完全的懒加载,每次只会建立一个Fragment对象。

优点:完全屏蔽预加载

缺点:稍微复杂,但是人家已经造好的轮子,直接用吧,很简洁

开源库:https://github.com/lianghanzhen/LazyViewPager

这个库就4个类,作者通过继承ViewPager(保证其普适性)、自定义ViewPagerAdapter和 LazyFragmentPagerAdapter以及设置懒加载的标记接口,很好的实现了懒加载。感谢作者。

在此贴出关键代码,有兴趣的同学可以学习下。

LazyViewPager:

public class LazyViewPager extends ViewPager {
2.
3.    private static final float DEFAULT_OFFSET = 0.5f;
4.
5.    private LazyPagerAdapter mLazyPagerAdapter;
6.    private float mInitLazyItemOffset = DEFAULT_OFFSET;
7.
8.    public LazyViewPager(Context context) {
9.        super(context);
10.    }
11.
12.    public LazyViewPager(Context context, AttributeSet attrs) {
13.        super(context, attrs);
14.
15.        TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.LazyViewPager);
16.        setInitLazyItemOffset(a.getFloat(R.styleable.LazyViewPager_init_lazy_item_offset, DEFAULT_OFFSET));
17.        a.recycle();
18.    }
19.
20.    /**
21.     * change the initLazyItemOffset
22.     * @param initLazyItemOffset set mInitLazyItemOffset if {@code 0 < initLazyItemOffset <= 1}
23.     */
24.    public void setInitLazyItemOffset(float initLazyItemOffset) {
25.        if (initLazyItemOffset > 0 && initLazyItemOffset <= 1) {
26.            mInitLazyItemOffset = initLazyItemOffset;
27.        }
28.    }
29.
30.    @Override
31.    public void setAdapter(PagerAdapter adapter) {
32.        super.setAdapter(adapter);
33.        mLazyPagerAdapter = adapter != null && adapter instanceof LazyPagerAdapter ? (LazyPagerAdapter) adapter : null;
34.    }
35.
36.    @Override
37.    protected void onPageScrolled(int position, float offset, int offsetPixels) {
38.        if (mLazyPagerAdapter != null) {
39.            if (getCurrentItem() == position) {
40.                int lazyPosition = position + 1;
41.                if (offset >= mInitLazyItemOffset && mLazyPagerAdapter.isLazyItem(lazyPosition)) {
42.                    mLazyPagerAdapter.startUpdate(this);
43.                    mLazyPagerAdapter.addLazyItem(this, lazyPosition);
44.                    mLazyPagerAdapter.finishUpdate(this);
45.                }
46.            } else if (getCurrentItem() > position) {
47.                int lazyPosition = position;
48.                if (1 - offset >= mInitLazyItemOffset && mLazyPagerAdapter.isLazyItem(lazyPosition)) {
49.                    mLazyPagerAdapter.startUpdate(this);
50.                    mLazyPagerAdapter.addLazyItem(this, lazyPosition);
51.                    mLazyPagerAdapter.finishUpdate(this);
52.                }
53.            }
54.        }
55.        super.onPageScrolled(position, offset, offsetPixels);
56.    }
57}
public abstract class LazyFragmentPagerAdapter extends LazyPagerAdapter<Fragment> {
2.
3.    private static final String TAG = "LazyFragmentPagerAdapter";
4.    private static final boolean DEBUG = false;
5.
6.    private final FragmentManager mFragmentManager;
7.    private FragmentTransaction mCurTransaction = null;
8.
9.    public LazyFragmentPagerAdapter(FragmentManager fm) {
10.        mFragmentManager = fm;
11.    }
12.
13.    @Override
14.    public void startUpdate(ViewGroup container) {
15.    }
16.
17.    @Override
18.    public Object instantiateItem(ViewGroup container, int position) {
19.        if (mCurTransaction == null) {
20.            mCurTransaction = mFragmentManager.beginTransaction();
21.        }
22.
23.        final long itemId = getItemId(position);
24.
25.        // Do we already have this fragment?
26.        String name = makeFragmentName(container.getId(), itemId);
27.        Fragment fragment = mFragmentManager.findFragmentByTag(name);
28.        if (fragment != null) {
29.            if (DEBUG)
30.                Log.v(TAG, "Attaching item #" + itemId + ": f=" + fragment);
31.            mCurTransaction.attach(fragment);
32.        } else {
33.            fragment = getItem(container, position);
34.            if (fragment instanceof Laziable) {
35.                mLazyItems.put(position, fragment);
36.            } else {
37.                mCurTransaction.add(container.getId(), fragment, name);
38.            }
39.        }
40.        if (fragment != getCurrentItem()) {
41.            fragment.setMenuVisibility(false);
42.            fragment.setUserVisibleHint(false);
43.        }
44.
45.        return fragment;
46.    }
47.
48.    @Override
49.    public void destroyItem(ViewGroup container, int position, Object object) {
50.        if (mCurTransaction == null) {
51.            mCurTransaction = mFragmentManager.beginTransaction();
52.        }
53.        if (DEBUG)
54.            Log.v(TAG, "Detaching item #" + getItemId(position) + ": f=" + object + " v=" + ((Fragment) object).getView());
55.
56.        final long itemId = getItemId(position);
57.        String name = makeFragmentName(container.getId(), itemId);
58.        if (mFragmentManager.findFragmentByTag(name) == null) {
59.            mCurTransaction.detach((Fragment) object);
60.        } else {
61.            mLazyItems.remove(position);
62.        }
63.    }
64.
65.    @Override
66.    public Fragment addLazyItem(ViewGroup container, int position) {
67.        Fragment fragment = mLazyItems.get(position);
68.        if (fragment == null)
69.            return null;
70.
71.        final long itemId = getItemId(position);
72.        String name = makeFragmentName(container.getId(), itemId);
73.        if (mFragmentManager.findFragmentByTag(name) == null) {
74.            if (mCurTransaction == null) {
75.                mCurTransaction = mFragmentManager.beginTransaction();
76.            }
77.            mCurTransaction.add(container.getId(), fragment, name);
78.            mLazyItems.remove(position);
79.        }
80.        return fragment;
81.    }
82.
83.    @Override
84.    public void finishUpdate(ViewGroup container) {
85.        if (mCurTransaction != null) {
86.            mCurTransaction.commitAllowingStateLoss();
87.            mCurTransaction = null;
88.            mFragmentManager.executePendingTransactions();
89.        }
90.    }
91.
92.    @Override
93.    public boolean isViewFromObject(View view, Object object) {
94.        return ((Fragment) object).getView() == view;
95.    }
96.
97.    public long getItemId(int position) {
98.        return position;
99.    }
100.
101.    private static String makeFragmentName(int viewId, long id) {
102.        return "android:switcher:" + viewId + ":" + id;
103.    }
104.
105.    /**
106.     * mark the fragment can be added lazily
107.     */
108.    public interface Laziable {
109.   }
110.
111.}

最后提醒一下:填充LazyViewPager的Fragment一定要实现接口LazyFragmentPagerAdapter.Laziable。

=========================================================================================

我们在做应用开发的时候,一个Activity里面可能会以viewpager(或其他容器)与多个Fragment来组合使用,而如果每个fragment都需要去加载数据,或从本地加载,或从网络加载,那么在这个activity刚创建的时候就变成需要初始化大量资源。这样的结果,我们当然不会满意。那么,能不能做到当切换到这个fragment的时候,它才去初始化呢?

答案就在Fragment里的setUserVisibleHint这个方法里。该方法用于告诉系统,这个Fragment的UI是否是可见的。所以我们只需要继承Fragment并重写该方法,即可实现在fragment可见时才进行数据加载操作,即Fragment的懒加载。
代码如下:

public abstract class LazyFragment extends Fragment {
12.    protected boolean isVisible;
13.    /**
14.     * 在这里实现Fragment数据的缓加载.
15.     * @param isVisibleToUser
16.     */
17.    @Override
18.    public void setUserVisibleHint(boolean isVisibleToUser) {
19.        super.setUserVisibleHint(isVisibleToUser);
20.        if(getUserVisibleHint()) {
21.            isVisible = true;
22.            onVisible();
23.        } else {
24.            isVisible = false;
25.            onInvisible();
26.        }
27.    }
28.    protected void onVisible(){
29.        lazyLoad();
30.    }
31.    protected abstract void lazyLoad();
32.    protected void onInvisible(){}
33.}

在LazyFragment,我增加了三个方法,一个是onVisiable,即fragment被设置为可见时调用,一个是onInvisible,即fragment被设置为不可见时调用。另外再写了一个lazyLoad的抽象方法,该方法在onVisible里面调用。你可能会想,为什么不在getUserVisibleHint里面就直接调用呢?

我这么写是为了代码的复用。因为在fragment中,我们还需要创建视图(onCreateView()方法),可能还需要在它不可见时就进行其他小量的初始化操作(比如初始化需要通过AIDL调用的远程服务)等。而setUserVisibleHint是在onCreateView之前调用的,那么在视图未初始化的时候,在lazyLoad当中就使用的话,就会有空指针的异常。而把lazyLoad抽离成一个方法,那么它的子类就可以这样做:

public class OpenResultFragment extends LazyFragment{
2.    // 标志位,标志已经初始化完成。
3.    private boolean isPrepared;
4.    @Override
5.    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
6.        Log.d(LOG_TAG, "onCreateView");
7.        View view = inflater.inflate(R.layout.fragment_open_result, container, false);
8.        //XXX初始化view的各控件
9.    isPrepared = true;
10.        lazyLoad();
11.        return view;
12.    }
13.    @Override
14.    protected void lazyLoad() {
15.        if(!isPrepared || !isVisible) {
16.            return;
17.        }
18.        //填充各控件的数据
19.    }
20.}

在上面的类当中,我们增加了一个标志位isPrepared,用于标志是否初始化完成。然后在我们所需要的初始化操作完成之后调用,如上面的例子当中,在初始化view之后,设置 isPrepared为true,同时调用lazyLoad()方法。而在lazyLoad()当中,判断isPrepared和isVisible只要有一个不为true就不往下执行。也就是仅当初始化完成,并且可见的时候才继续加载,这样的避免了未初始化完成就使用而带来的问题。

【转】ViewPager学习笔记(一)——懒加载的更多相关文章

  1. thinkphp学习笔记9—自动加载

    原文:thinkphp学习笔记9-自动加载 1.命名空间自动加载 在3.2版本中不需要手动加载类库文件,可以很方便的完成自动加载. 系统可以根据类的命名空间自动定位到类库文件,例如定义了一个类Org\ ...

  2. node 学习笔记 - Modules 模块加载系统 (1)

    本文同步自我的个人博客:http://www.52cik.com/2015/12/11/learn-node-modules-path.html 用了这么久的 require,但却没有系统的学习过 n ...

  3. Openstack本学习笔记——Neutron-server服务加载和启动源代码分析(三)

    本文是在学习Openstack过程中整理和总结.因为时间和个人能力有限.错误之处在所难免,欢迎指正! 在Neutron-server服务载入与启动源代码分析(二)中搞定模块功能的扩展和载入.我们就回到 ...

  4. Spring学习笔记(1)——资源加载

    <!-- 占坑,迟点补充底层原理 --> Spring支持4种资源的地址前缀 (1)从类路径中加载资源——classpath: classpath:和classpath:/是等价的,都是相 ...

  5. node 学习笔记 - Modules 模块加载系统 (2)

    本文同步自我的个人博客:http://www.52cik.com/2015/12/14/learn-node-modules-module.html 上一篇讲了模块是如何被寻找到然后加载进来的,这篇则 ...

  6. 【EF学习笔记08】----------加载关联表的数据 显式加载

    显式加载 讲解之前,先来看一下我们的数据库结构:班级表 学生表 加载从表集合类型 //显示加载 Console.WriteLine("=========查询集合===========&quo ...

  7. 【EF学习笔记07】----------加载关联表的数据 贪婪加载

    讲解之前,先来看一下我们的数据库结构:班级表 学生表 贪婪加载 //贪婪加载 using (var db = new Entities()) { var classes = db.Classes.Wh ...

  8. 【EF学习笔记06】----------加载关联表的数据 延迟加载

    讲解之前,先来看一下我们的数据库结构:班级表 学生表 延迟加载 //延迟加载 using (var db = new Entities()) { //查询班级 var classes = (from ...

  9. webpack学习笔记--按需加载

    为什么需要按需加载 随着互联网的发展,一个网页需要承载的功能越来越多. 对于采用单页应用作为前端架构的网站来说,会面临着一个网页需要加载的代码量很大的问题,因为许多功能都集中的做到了一个 HTML 里 ...

  10. Office365学习笔记—Lookup类型加载条目过多解决方案

    1,随着接触的项目越来越多,遇到的各种奇葩的问题也越来越多,不得不说,SharePoint是个好东西,提高了开发效率,简化了很多基础的功能.但是令人头疼的问题是,当你想做个稍微复杂点的功能,就不得不研 ...

随机推荐

  1. U盘格式转换

    有一次想把5G的文件拷到U盘里面,悲催的发现拷不进去,文件过大...... 硬盘格式:NTFS 把自己的U盘也改了格式后,就可以了

  2. [译]在AngularJS中何时应该使用Directives,Controllers或者Service

    原文: http://kirkbushell.me/when-to-use-directives-controllers-or-services-in-angular/ Services Servic ...

  3. HTML—one

    1.我们做一个完整的网页,要做三个部分 前端部分:Html(是一种超文本标记语言,网页)+css(网页外观)+js(执行动作,特效) 数据库:sqlserver 动态部分:.net(平台),c#(语言 ...

  4. Silverlight项目笔记1:UI控件与布局、MVVM、数据绑定、await/async、Linq查询、WCF RIA Services、序列化、委托与事件

    最近从技术支持转到开发岗,做Silverlight部分的开发,用的Prism+MVVM,框架由同事搭好,目前做的主要是功能实现,用到了一些东西,侧重于如何使用,总结如下 1.UI控件与布局 常用的主要 ...

  5. Windows的Subversion备份脚本

    2015-12-08更新:备份时添加--revision head 只备份最新的版本,已从脚本中移除. 2013-12-09更新:forfiles命令添加错误输出日志. 2013-12-04更新:添加 ...

  6. Linux命令-yum

    定义 yum仓库是为进一步简化RPM管理软件难而设计的,yum能够根据用户的要求分析出所需软件包以及相关依赖关系,自动从服务器下载软件包并安装到系统. 实例

  7. Spring Boot 学习(1)

    文 by / 林本托 Tip 做一个终身学习的人. Spring Boot 初体验 Spring Boot 包含了很多 start(Spring boot 中 的叫法,就是一个模块,后文统一称模块,便 ...

  8. MongoDB复制

    1. 什么是复制 (1)MongoDB复制是将数据同步在多个服务器的过程. (2)复制提供了数据的冗余备份,并在多个服务器上存储数据副本,提高了数据的可用性, 并可以保证数据的安全性. (3)复制还允 ...

  9. requests使用“proxy”代理访问接口

    在requests中使用proxy代理访问 使用前先更新requests版本为支持socks的版本.   先pip安装对应库:  >> pip install -U requests[so ...

  10. git 多用户多仓库配置

    ssh全称是Secure Shell,即安全Shell,是一种可以进行安全远程登录的协议,在Linux中以OpenSSH为代表,Windows中则有Putty作为实现.ssh的会话建立阶段类似TCP协 ...