android实现ViewPager懒加载的三种方法

在项目中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的源码,只修改了注释处的代码
public class LazyViewPager extends ViewGroup {
 private static final String TAG = "LazyViewPager";
 private static final boolean DEBUG = false;
 private static final boolean USE_CACHE = false;
   // 默认为1,即前后各预加载一个页面,设置为0去掉预加载
   private static final int DEFAULT_OFFSCREEN_PAGES = 0;
 private static final int MAX_SETTLE_DURATION = 600; // ms
 static class ItemInfo {
 Object object;
 int position;
 boolean scrolling;
 }
 private static final Comparator<ItemInfo> COMPARATOR = new Comparator<ItemInfo>() {
 @Override
 public int compare(ItemInfo lhs, ItemInfo rhs) {
  return lhs.position - rhs.position;
 }
 };
   ............
}

方法三

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

优点:完全屏蔽预加载

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

代码下载:LazyViewPager_jb51.rar

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

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

LazyViewPager:

public class LazyViewPager extends ViewPager {
 private static final float DEFAULT_OFFSET = 0.5f;
 private LazyPagerAdapter mLazyPagerAdapter;
 private float mInitLazyItemOffset = DEFAULT_OFFSET;
 public LazyViewPager(Context context) {
 super(context);
 }
 public LazyViewPager(Context context, AttributeSet attrs) {
 super(context, attrs);
 TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.LazyViewPager);
 setInitLazyItemOffset(a.getFloat(R.styleable.LazyViewPager_init_lazy_item_offset, DEFAULT_OFFSET));
 a.recycle();
 }
  /**
   * change the initLazyItemOffset
   * @param initLazyItemOffset set mInitLazyItemOffset if {@code 0 < initLazyItemOffset <= 1}
   */
 public void setInitLazyItemOffset(float initLazyItemOffset) {
 if (initLazyItemOffset > 0 && initLazyItemOffset <= 1) {
   mInitLazyItemOffset = initLazyItemOffset;
    }
 }
 @Override
 public void setAdapter(PagerAdapter adapter) {
 super.setAdapter(adapter);
    mLazyPagerAdapter = adapter != null && adapter instanceof LazyPagerAdapter ? (LazyPagerAdapter) adapter : null;
 }
 @Override
 protected void onPageScrolled(int position, float offset, int offsetPixels) {
 if (mLazyPagerAdapter != null) {
  if (getCurrentItem() == position) {
  int lazyPosition = position + 1;
  if (offset >= mInitLazyItemOffset && mLazyPagerAdapter.isLazyItem(lazyPosition)) {
          mLazyPagerAdapter.startUpdate(this);
          mLazyPagerAdapter.addLazyItem(this, lazyPosition);
          mLazyPagerAdapter.finishUpdate(this);
  }
  } else if (getCurrentItem() > position) {
  int lazyPosition = position;
  if (1 - offset >= mInitLazyItemOffset && mLazyPagerAdapter.isLazyItem(lazyPosition)) {
          mLazyPagerAdapter.startUpdate(this);
          mLazyPagerAdapter.addLazyItem(this, lazyPosition);
          mLazyPagerAdapter.finishUpdate(this);
  }
  }
 }
 super.onPageScrolled(position, offset, offsetPixels);
 }
}
public abstract class LazyFragmentPagerAdapter extends LazyPagerAdapter<Fragment> {
 private static final String TAG = "LazyFragmentPagerAdapter";
 private static final boolean DEBUG = false;
 private final FragmentManager mFragmentManager;
 private FragmentTransaction mCurTransaction = null;
 public LazyFragmentPagerAdapter(FragmentManager fm) {
 mFragmentManager = fm;
 }
 @Override
 public void startUpdate(ViewGroup container) {
 }
 @Override
 public Object instantiateItem(ViewGroup container, int position) {
 if (mCurTransaction == null) {
  mCurTransaction = mFragmentManager.beginTransaction();
 }
 final long itemId = getItemId(position);
 // Do we already have this fragment?
 String name = makeFragmentName(container.getId(), itemId);
 Fragment fragment = mFragmentManager.findFragmentByTag(name);
 if (fragment != null) {
  if (DEBUG)
  Log.v(TAG, "Attaching item #" + itemId + ": f=" + fragment);
  mCurTransaction.attach(fragment);
 } else {
  fragment = getItem(container, position);
  if (fragment instanceof Laziable) {
  mLazyItems.put(position, fragment);
  } else {
  mCurTransaction.add(container.getId(), fragment, name);
  }
 }
 if (fragment != getCurrentItem()) {
  fragment.setMenuVisibility(false);
  fragment.setUserVisibleHint(false);
 }
 return fragment;
 }
 @Override
 public void destroyItem(ViewGroup container, int position, Object object) {
 if (mCurTransaction == null) {
  mCurTransaction = mFragmentManager.beginTransaction();
 }
 if (DEBUG)
  Log.v(TAG, "Detaching item #" + getItemId(position) + ": f=" + object + " v=" + ((Fragment) object).getView());
 final long itemId = getItemId(position);
 String name = makeFragmentName(container.getId(), itemId);
 if (mFragmentManager.findFragmentByTag(name) == null) {
  mCurTransaction.detach((Fragment) object);
 } else {
      mLazyItems.remove(position);
 }
 }
  @Override
 public Fragment addLazyItem(ViewGroup container, int position) {
 Fragment fragment = mLazyItems.get(position);
 if (fragment == null)
  return null;
 final long itemId = getItemId(position);
 String name = makeFragmentName(container.getId(), itemId);
 if (mFragmentManager.findFragmentByTag(name) == null) {
  if (mCurTransaction == null) {
  mCurTransaction = mFragmentManager.beginTransaction();
  }
  mCurTransaction.add(container.getId(), fragment, name);
      mLazyItems.remove(position);
 }
    return fragment;
 }
 @Override
 public void finishUpdate(ViewGroup container) {
 if (mCurTransaction != null) {
  mCurTransaction.commitAllowingStateLoss();
  mCurTransaction = null;
  mFragmentManager.executePendingTransactions();
 }
 }
  @Override
 public boolean isViewFromObject(View view, Object object) {
 return ((Fragment) object).getView() == view;
 }
 public long getItemId(int position) {
 return position;
 }
 private static String makeFragmentName(int viewId, long id) {
 return "android:switcher:" + viewId + ":" + id;
 }
  /**
   * mark the fragment can be added lazily
   */
  public interface Laziable {
  }
}

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android ViewPager动态加载问题

    今天做项目时,纠结了很久,动态添加view,刚开始按照其他的adapter处理,但是不会刷新view,来回翻几页,还会view覆盖,最后手动调用adapter的destroyItem和instantiateItem方法,还是不行,最后重写notifyDataSetChanged中removeAllViews和instantiateItem,有点效果,可是还是不理想.最后查询资料要重写PagerAdapter的方法 如下: public int getItemPosition(Object obj

  • Android使用ViewPager实现自动轮播

    很多APP中都实现了类似引导页的自动轮播,不由得想到昨天的引导页上修改一下代码实现轮播. 其实大体上只需要添加一个线程循环执行就可以了. 项目已同步至:https://github.com/nanchen2251/viewpagerDemo 同样的先上图 直接上代码,注释都全的,我想这样更有利于理解. 先改了Adapter  package com.example.nanchen.taketurnplaydemo; import android.support.v4.view.PagerAdap

  • Android中用RxJava和ViewPager实现轮播图

    前言 很多人要实现轮播图都会想到使用ViewPager + Handler来完成轮播图的效果.但是在RxJava快速发展的情况下,已经可以使用RxJava来代替Handler完成这样任务了. 下面我们就来介绍如何实现RxJava+ViewPager的轮播图. 效果图如下 ViewPager的操作 说到ViwePager应该大家都不陌生,它可以结合普通的View也可以结合Fragment一起使用.在此我也就不对它的使用方法进行过多的介绍了.直接开始介绍轮播的方法. 常见的轮播操作 private

  • Android ViewPager制作新手导航页(动态加载)

    我们来讲个老生常谈的话题,估计大家都用过的->ViewPager,用它来做新手导航页面,虽然这次也是讲这个,但是和以往的用法可能有些不同,大家都看到标题进来的,应该知道的是:动态加载指示器. 什么叫动态加载呢,是不是感觉很高大上呢,其实呢就是动态的去加载指示器的数量的,而不是在布局文件中写死.希望看了这篇文章大家对ViewPager有新的认识. 看到这个效果大家应该都很不屑吧,今天讲这个就是为了让大家有新的认识.好了,好好听,开始了. 这个动态加载就是为了动态的加载下面的灰色圆点指示器和红色圆点

  • Android之Viewpager+Fragment实现懒加载示例

    我们在做应用开发的时候,一个Activity里面可能会以viewpager(或其他容器)与多个Fragment来组合使用.而ViewPager默认会缓存三页数据,即:Viewpager每加载一个Fragment,都会预先加载此Fragment左侧或右侧的Fragment.而如果每个fragment都需要去加载数据,或从本地加载,或从网络加载,那么在这个activity刚创建的时候就变成需要初始化大量资源,浪费用户流量不止,还造成卡顿,这样的结果,我们当然不会满意.那么,能不能做到当切换到这个fr

  • Android 使用ViewPager自动滚动循环轮播效果

    对Android 利用ViewPager实现图片可以左右循环滑动效果,感兴趣的朋友可以直接点击查看内容详情. 主要介绍如何实现ViewPager自动播放,循环滚动的效果及使用.顺便解决ViewPager嵌套(ViewPager inside ViewPager)影响触摸滑动及ViewPager滑动速度设置问题. 先给大家展示下效果图,喜欢的朋友可以下载源码: 1.实现 没有通过ScheduledExecutorService或Timer定期执行某个任务实现,而是简单的通过handler发送消息去

  • 详解Android_性能优化之ViewPager加载成百上千高清大图oom解决方案

    一.背景 最近做项目需要用到选择图片上传,类似于微信.微博那样的图片选择器,ContentResolver读取本地图片资源并用RecyclerView+Glide加载图片显示就搞定列表的显示,这个没什么大问题,重点是,点击图片进入大图浏览,比如你相册有几百张图片,也就意味着在ViewPager中需要加载几百个view,况且手机拍出来的图片都是1-2千万左右像素的高清大图(笔者手机2千万像素 也就是拍照出来的照片3888*5152),大小也有5-7个兆,ViewPager滑动不了十几张就oom了,

  • android 解决ViewPager加载大量图片内存溢出问题

    1.大家都知道为ViewPager构建适配器继承PagerAdapter,怎么构建就不说了.Viewpager会默认加载当前页和当前页的左右两页.一开始当前页是下标0,所以一开始默认加载第0页(指下标,下同)和第1页.当你向右滑动,当前页为第1页时,ViewPager会加载第2页,这时一共有3页存在(第0,1,2页).再向右滑动,当前页为第2页时,会移除第0页,加载第3页,同理向左滑动当前页为第1页时,会移除第3页.这么说应该懂了吧. 知道了上面的原理,就可以让ViewPager始终只加载3页的

  • Android ViewPager实现图片轮播效果

    在app中图片的轮播显示可以说是非常常见的实现效果了,其实现原理不过是利用ViewPager,然后利用handler每隔一定的时间将ViewPager的currentItem设置为当前item的position+1即可.先来看看效果图吧: 就是实现这样的一个轮播广告的效果. 因为这个是自己为了练习仿照某旅游类App做的,所以这里的数据是使用抓包工具抓取的,准备数据等工作就不在这里赘述了,反正数据的添加大体都是相同的.我的思路是这样的,从网络上实时的获取数据(当然你也可以将数据写死),然后通过网络

  • Android使用ViewPager加载图片和轮播视频

    作为Android基础组件之一,大家对viewpager已经很熟悉了,网上也有很多使用viewpager来加载图片的案例.但是像微信那样点击图片,可以轮播显示图片和视频的例子却没找到.正巧项目中有需求,可以就花时间写了下,现在给一下核心代码,希望对有此需求的同学们起一个抛砖引玉的作用.话不多说了,上代码: 以下是initData的代码 public void initData() { //把聊天界面的图片和视频找出来,并加到数组中,并在 //并根据传进来的position来找到视频或图片在数组中

随机推荐