您的位置:首页 > 其它

实现ViewPager懒加载的三种方法

2016-03-28 20:09 225 查看
在项目中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对象。

优点:完全屏蔽预加载

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

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

这个库就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。

以上。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  viewpager