当前位置: 首页 > 编程笔记 >

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

颜光临
2023-03-14
本文向大家介绍android实现ViewPager懒加载的三种方法,包括了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。

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

 类似资料:
  • 本文向大家介绍Android在多种设计下实现懒加载机制的方法,包括了Android在多种设计下实现懒加载机制的方法的使用技巧和注意事项,需要的朋友参考一下 前言 前段时间在自己的练习项目中想用到懒加载机制,查看了大多数资料只介绍了在 View Pager + Fragment 组合的情况下实现的懒加载,但是现在大多数App更多的是 Fragmentmanager 去管理主页面多个 Fragment

  • 本文向大家介绍PHP实现懒加载的方法,包括了PHP实现懒加载的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了PHP实现懒加载的方法。分享给大家供大家参考。具体分析如下: 寻常php的加载是通过include(),require()等方法来加载外部文件,之后再通过实例调用方法或直接调用静态方法,而这样子写引入语句实在很麻烦,有的框架会将特定路径的文件全部引入,直接实例化就能使用,但这样

  • 本文向大家介绍vue实现路由懒加载及组件懒加载的方式,包括了vue实现路由懒加载及组件懒加载的方式的使用技巧和注意事项,需要的朋友参考一下 一、为什么要使用路由懒加载   为给客户更好的客户体验,首屏组件加载速度更快一些,解决白屏问题。 二、定义   懒加载简单来说就是延迟加载或按需加载,即在需要的时候的时候进行加载。 三、使用   常用的懒加载方式有两种:即使用vue异步组件 和 ES中的imp

  • 本文向大家介绍vue-router路由懒加载及实现的3种方式,包括了vue-router路由懒加载及实现的3种方式的使用技巧和注意事项,需要的朋友参考一下 什么是路由懒加载? 也叫延迟加载,即在需要的时候进行加载,随用随载。 官方解释:  1:当打包构建应用时,JavaScript 包会变得非常大,影响页面加载。  2:如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载

  • 本文向大家介绍Android优化方案之Fragment的懒加载实现代码,包括了Android优化方案之Fragment的懒加载实现代码的使用技巧和注意事项,需要的朋友参考一下 一、背景 在Android应用中,ViewPager是我们不可避免使用的一个控件,因为它可以使我们在占用较少空间的同时,增强内容的丰富性,同时以其内部流淌着Google的血液,所以它几乎成了每一个App的标配控件。但是,假如

  • 本文向大家介绍Javascript实现图片懒加载插件的方法,包括了Javascript实现图片懒加载插件的方法的使用技巧和注意事项,需要的朋友参考一下 前言 网络上各大论坛,尤其是一些图片类型的网站上,在图片加载时均采用了一种名为懒加载的方式,具体表现为,当页面被请求时,只加载可视区域的图片,其它部分的图片则不加载,只有这些图片出现在可视区域时才会动态加载这些图片,从而节约了网络带宽和提高了初次加