ViewPager2重大更新,支持offscreenPageLimit

前言

最近ViewPager2发布了1.0.0-alpha04版本,新增offscreenPageLimit功能,该功能在ViewPager上并不友好,如今官方将此功能延续下来,这回是骡子是马呢?赶忙拉出来溜溜;android

阅读指南:git

  • 内容基于ViewPager21.0.0-alpha04版本讲解,因为正式版还未发布,若有功能变更有劳看官指出
  • 内容重点:介绍ViewPager2的offscreenPageLimit特性和预加载机制,另外包括Adapter的状态和Fragment的生命周期等内容

ViewPager顽疾

顽疾是什么鬼,没有这么严重吧。ViewPager有两个毛病:不能关闭预加载更新Adapter不生效,因此开头我为何说offscreenPageLimitViewPager上十分不友好;本质上是由于offscreenPageLimit不能设置成0(设置成0就是想象中的关闭预加载);github

上面是ViewPager默认状况下的加载示意图,当切换到当前页面时,会默认预加载左右两侧的布局到ViewPager中,尽管两侧的View并不可见的,咱们称这种状况叫预加载;因为ViewPageroffscreenPageLimit设置了限制,页面的预加载是不可避免;数组

ViewPager缓存

private static final int DEFAULT_OFFSCREEN_PAGES = 1;

public void setOffscreenPageLimit(int limit) {
    if (limit < DEFAULT_OFFSCREEN_PAGES) {//不容许小于1
        Log.w(TAG, "Requested offscreen page limit " + limit + " too small; defaulting to "
                + DEFAULT_OFFSCREEN_PAGES);
        limit = DEFAULT_OFFSCREEN_PAGES;
    }
    if (limit != mOffscreenPageLimit) {
        mOffscreenPageLimit = limit;
        populate();
    }
}
复制代码

ViewPager强制预加载的逻辑在Fragment配合ViewPager使用时依然存在bash

Fragment懒加载来龙去脉

先说PagerAdapterapp

PagerAdapter经常使用方法以下:ide

  • instantiateItem(ViewGroup container, int position)初始化ItemView,返回须要添加ItemView
  • destroyItem(iewGroup container, int position, Object object)销毁ItemView,移除指定的ItemView
  • isViewFromObject(View view, Object object)View和Object是否对应
  • setPrimaryItem(ViewGroup container, int position, Object object) 当前页面的主Item
  • getCount()获取Item个数

先说setPrimaryItem(ViewGroup container, int position, Object object),该方法表示当前页面正在显示主要Item,何为主要Item?若是预加载的ItemView已经划入屏幕,当前的PrimaryItem依然不会改变,除非新的ItemView彻底划入屏幕,且滑动已经中止才会判断;工具

因为ViewPager不可避免的进行布局预加载,形成PagerAdapter必须提早调用instantiateItem(ViewGroup container, int position)方法,instantiateItem()是建立ItemView的惟一入口方法,因此PagerAdapter的实现类FragmentPagerAdapterFragmentStatePagerAdapter必须抓住该方法进行Fragment对象的建立;布局

碰巧的是,FragmentPagerAdapterFragmentStatePagerAdapter一股脑的在instantiateItem()中进行建立且进行addattach操做,并无在setPrimaryItem()方法中对Fragment进行操做;

所以,预加载会致使不可见的Fragment一股脑的调用onCreateonCreateViewonResume等方法,用户只能经过Fragment.setUserVisibleHint()方法进行识别;

大多数的懒加载都是对Fragment作手脚,结合生命周期方法和setUserVisibleHint状态,控制数据延迟加载,而布局只能提早进入;

ViewPager2基本使用

  • build.gradle引入
implementation 'androidx.viewpager2:viewpager2:1.0.0-alpha04'
复制代码
  • 布局文件添加
<androidx.viewpager2.widget.ViewPager2
    android:id="@+id/view_pager"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1" />
复制代码
  • 设置ViewHolder+Adapter
ViewPager2 viewPager = findViewById(R.id.view_pager2);
viewPager.setAdapter(new RecyclerView.Adapter<ViewHolder>() {
        @Override
        public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
            View itemView = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_card_layout, parent, false);
            ViewHolder viewHolder = new ViewHolder(itemView);
            return viewHolder;
        }
        @Override
        public void onBindViewHolder(@NonNull ViewHolder holder, int position) {
            holder.labelCenter.setText(String.valueOf(position));
        }
        @Override
        public int getItemCount() {
            return SIZE;
        }
    }));

static class ViewHolder extends RecyclerView.ViewHolder{
    private final TextView labelCenter;
    public ViewHolder(@NonNull View itemView) {
        super(itemView);
        labelCenter = itemView.findViewById(R.id.label_center);
    }
}
复制代码
  • 设置Fragment+Adapter
viewPager.setAdapter(new FragmentStateAdapter(this) {
        @NonNull
        @Override
        public Fragment getItem(int position) {
            return new VSFragment();
        }

        @Override
        public int getItemCount() {
            return SIZE;
        }
    });
复制代码

ViewPager2的使用很是简单,甚至比ViewPager还要简单,只要熟悉RecyclerView的童鞋确定会写ViewPager2

ViewPager2经常使用方法以下:

  • setAdapter() 设置适配器
  • setOrientation() 设置布局方向
  • setCurrentItem() 设置当前Item下标
  • beginFakeDrag() 开始模拟拖拽
  • fakeDragBy() 模拟拖拽中
  • endFakeDrag() 模拟拖拽结束
  • setUserInputEnabled() 设置是否容许用户输入/触摸
  • setOffscreenPageLimit()设置屏幕外加载页面数量
  • registerOnPageChangeCallback() 注册页面改变回调
  • setPageTransformer() 设置页面滑动时的变换效果

不少好看好玩的效果,请读者自行运行官方的DEMO(github.com/googlesampl…);

重要申明

在上文说ViewPager预加载时,我就在想offscreenPageLimit能不能称之为预加载,若是在ViewPager上能够,那么在ViewPager2上可能就要混淆了,由于ViewPager2拥有RecyclerView的一整套缓存策略,包括RecyclerView的预加载;为了不混淆,在下面的文章中我把offscreenPageLimit定义为离屏加载预加载只表明RecyclerView的预加载;

ViewPager2离屏加载

1.0.0-alpha04版本中,ViewPager2提供了离屏加载功能,该功能和ViewPager的预加载存的的意义彷佛是同样的;

ViewPager2

public static final int OFFSCREEN_PAGE_LIMIT_DEFAULT = 0;

public void setOffscreenPageLimit(int limit) {
    if (limit < 1 && limit != OFFSCREEN_PAGE_LIMIT_DEFAULT) {
        throw new IllegalArgumentException(
                "Offscreen page limit must be OFFSCREEN_PAGE_LIMIT_DEFAULT or a number > 0");
    }
    mOffscreenPageLimit = limit;
    // Trigger layout so prefetch happens through getExtraLayoutSize()
    mRecyclerView.requestLayout();
}
复制代码

从代码能够看出,ViewPager2的离屏加载最小能够为0,仅仅从这一步开始,我大胆的猜想ViewPager2支持所谓的懒加载,带着好奇,看一眼OffscreenPageLimit实现原理;

ViewPager2.LinearLayoutManagerImpl

@Override
protected void calculateExtraLayoutSpace(@NonNull RecyclerView.State state,
        @NonNull int[] extraLayoutSpace) {
    int pageLimit = getOffscreenPageLimit();
    if (pageLimit == OFFSCREEN_PAGE_LIMIT_DEFAULT) {//若是等于默认值(0),调用基类的方法
        // Only do custom prefetching of offscreen pages if requested
        super.calculateExtraLayoutSpace(state, extraLayoutSpace);
        return;
    }
    //返回offscreenSpace
    final int offscreenSpace = getPageSize() * pageLimit;
    extraLayoutSpace[0] = offscreenSpace;
    extraLayoutSpace[1] = offscreenSpace;
}
复制代码

OffscreenPageLimit本质上是重写LinearLayoutManagercalculateExtraLayoutSpace方法,该方法是最新的recyclerView包加入的功能;

calculateExtraLayoutSpace方法定义了布局额外的空间,何为布局额外的空间?默认空间等于RecyclerView的宽高空间,定义这个意在能够放大可布局的空间,该方法参数extraLayoutSpace是一个长度为2的int数组,第一条数据接受左边/上边的额外空间,第二条数据接受右边/下边的额外空间,故上诉代码是代表左右/上下各扩大offscreenSpace

综上代码,OffscreenPageLimit其实就是放大了LinearLayoutManager的布局空间,咱们下面看运行效果;

布局对比

为了对比二者加载布局的效果,我准备了LinearLayout同时展现ViewPager和ViewPager2,设置相同的Item布局和数据源,而后用Android布局分析工具抓取二者的布局结构,代码比较简单,就不贴出来了;

默认offscreenPageLimit

从运行结果来看,ViewPager会默认会预布局两侧各一个布局,ViewPager2默认不进行预布局,主要由各自的默认offscreenPageLimit参数决定,ViewPager默认为1且不容许小于1,ViewPager2默认为0

设置offscreenPageLimit=2

分析运行结果,在设置相同的offscreenPageLimit时,二者都会预布局左右(上下)二者的offscreenPageLimit个ItemView;

从对比结果上来看,ViewPager2offscreenPageLimitViewPager运行结果同样,可是ViewPager2最小offscreenPageLimit能够设置为0;

ViewPager2预加载和缓存

ViewPager2预加载RecyclerView的预加载,代码在RecyclerViewGapWorker中,这个知识可能有些同窗不是很了解,推荐先看这篇博客medium.com/google-deve…

ViewPager2上默认开启预加载,表现形式是在拖动控件或者Fling时,可能会预加载一条数据;下面是预加载的示意图:

如何关闭预加载?

((RecyclerView)viewPager.getChildAt(0)).getLayoutManager().setItemPrefetchEnabled(false);
复制代码

预加载的开关在LayoutManager上,只须要获取LayoutManager并调用setItemPrefetchEnabled()便可控制开关;

ViewPager2默认会缓存2条ItemView,并且在最新的RecyclerView中能够自定义缓存Item的个数;

RecyclerView

public void setItemViewCacheSize(int size) {
    mRecycler.setViewCacheSize(size);
}
复制代码

小结: 预加载缓存View层面没有本质的区别,都是已经准备了布局,可是没有加载到parent上; 预加载离屏加载View层面有本质的区别,离屏加载的View已经添加到parent上;

提早加载对Adapter影响

所谓的提早加载,是指当前position不可见但加载了布局,包括上面说的预加载离屏加载,下面先介绍一下Adapter:

ViewPager2Adapter本质上是RecyclerView.Adapter,下面列举经常使用方法:

  • onCreateViewHolder(ViewGroup parent, int viewType)建立ViewHolder
  • onBindViewHolder(VH holder, int position)绑定ViewHolder
  • onViewRecycled(VH holder)当View被回收
  • onViewAttachedToWindow(VH holder)当前View加载到窗口
  • onViewDetachedFromWindow(VH holder)当前View从窗口移除
  • getItemCount()//获取Item个数

下面主要针对ItemView的建立来讲,暂不讨论回收的状况;

  • onBindViewHolder 预加载和离屏加载都会调用
  • onViewAttachedToWindow 离屏加载ItemView会调用,可见ItemView会调用
  • onViewDetachedFromWindow 从可见到不可见的ItemView(除离屏中)一定调用

小结: 预加载缓存Adapter层面没有区别,都会调用onBindViewHolder方法; 预加载离屏加载Adapter层面有本质的区别,离屏加载的View会调用onViewAttachedToWindow

ViewPager2对Fragment支持

目前,ViewPager2Fragment的支持只能使用FragmentStateAdapter,使用起来也是很是简单:

默认状况下,ViewPager2是开启预加载关闭离屏加载的,这种状况下,切换页面对Fragment生命周如何?

问题一:关闭预加载对Fragment的影响: 通过验证,是否开启预加载,对Fragment的生命周期没有影响,结果和默认上图是同样的;

问题二:开启离屏加载对Fragment的影响: 设置offscreenPageLimit=1时:

打印结果解读:

备注:log日志下标是从2开始的,标注的页码是从1开始,请自行矫正;

  • 默认状况下,ViewPager2会缓存两条数据,因此滑动到第4页,第1页的Fragment才开始移除,这能够理解;
  • 设置offscreenPageLimit=1时,ViewPager2在第1页会加载两条数据,这能够理解,会把下一页View提早加载进来;之后每滑一页,会加载下一页数组,直到第5页,会移除第1页的Fragment;第6页会移除第2页的Fragment

如何理解offscreenPageLimitFragment的影响,假设offscreenPageLimit=1,这样ViewPager2最多能够承托3个ItemView,再加上2个缓存的ItemView,就是5个,因为offscreenPageLimit会在ViewPager2两边放置一个,因此向前最多承载4个,向后最多能承载1个(预加载对Fragment没有影响,因此不计算),这样很天然就是第5个时候,回收第1个;

FragmentStateAdapter源码简单解读

onCreateViewHolder()方法

public final FragmentViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
    return FragmentViewHolder.create(parent);
}
static FragmentViewHolder create(ViewGroup parent) {
    FrameLayout container = new FrameLayout(parent.getContext());
    container.setLayoutParams(
            new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
                    ViewGroup.LayoutParams.MATCH_PARENT));
    container.setId(ViewCompat.generateViewId());
    container.setSaveEnabled(false);
    return new FragmentViewHolder(container);
}
复制代码

onCreateViewHolder()建立一个宽高都MATCH_PARENTFrameLayout,注意这里并不像PagerAdapterFragmentrootView

onBindViewHolder()

public final void onBindViewHolder(final @NonNull FragmentViewHolder holder, int position) {
    final long itemId = holder.getItemId();
    final int viewHolderId = holder.getContainer().getId();
    final Long boundItemId = itemForViewHolder(viewHolderId); // item currently bound to the VH
    if (boundItemId != null && boundItemId != itemId) {
        removeFragment(boundItemId);
        mItemIdToViewHolder.remove(boundItemId);
    }
    mItemIdToViewHolder.put(itemId, viewHolderId); // this might overwrite an existing entry
    //保证目标Fragment不为空,意思是能够提早建立
    ensureFragment(position);
    /** Special case when {@link RecyclerView} decides to keep the {@link container}
     * attached to the window, but not to the view hierarchy (i.e. parent is null) */
    final FrameLayout container = holder.getContainer();
    //若是ItemView已经在添加到Window中,且parent不等于null,会触发绑定viewHoder操做;
    if (ViewCompat.isAttachedToWindow(container)) {
        if (container.getParent() != null) {
            throw new IllegalStateException("Design assumption violated.");
        }
        container.addOnLayoutChangeListener(new View.OnLayoutChangeListener() {
            @Override
            public void onLayoutChange(View v, int left, int top, int right, int bottom,
                    int oldLeft, int oldTop, int oldRight, int oldBottom) {
                if (container.getParent() != null) {
                    container.removeOnLayoutChangeListener(this);
                    //将Fragment和ViewHolder绑定
                    placeFragmentInViewHolder(holder);
                }
            }
        });
    }
    //回收垃圾Fragments
    gcFragments();
}
复制代码
  • onBindViewHolder()首先会获取当前position对应的Fragment,这意味着预加载的Fragment对象会提早建立;
  • 若是当前的holder.itemView已经添加到屏幕且已经布局且parent不等于空,就会将Fragment绑定到ViewHodler;
  • 每次调用都会gc一次,主要的避免用户修改数据源形成垃圾对象;

onViewAttachedToWindow()

public final void onViewAttachedToWindow(@NonNull final FragmentViewHolder holder) {
    placeFragmentInViewHolder(holder);
    gcFragments();
}
复制代码

onViewAttachedToWindow()方法调用onViewAttachedToWindowFragmenthodler绑定;

onViewRecycled()

public final void onViewRecycled(@NonNull FragmentViewHolder holder) {
    final int viewHolderId = holder.getContainer().getId();
    final Long boundItemId = itemForViewHolder(viewHolderId); // item currently bound to the VH
    if (boundItemId != null) {
        removeFragment(boundItemId);
        mItemIdToViewHolder.remove(boundItemId);
    }
}
复制代码

onViewRecycled()时才会触发Fragment移除;

核心添加操做:

//将Fragment.rootView添加到FrameLayout;
 scheduleViewAttach(fragment, container);//将rootI
 mFragmentManager.beginTransaction().add(fragment, "f" + holder.getItemId()).commitNow();
 
 //主要是监听onFragmentViewCreated方法,获取rootView而后添加到container
 private void scheduleViewAttach(final Fragment fragment, final FrameLayout container) {
    // After a config change, Fragments that were in FragmentManager will be recreated. Since
    // ViewHolder container ids are dynamically generated, we opted to manually handle
    // attaching Fragment views to containers. For consistency, we use the same mechanism for
    // all Fragment views.
    mFragmentManager.registerFragmentLifecycleCallbacks(
            new FragmentManager.FragmentLifecycleCallbacks() {
                @Override
                public void onFragmentViewCreated(@NonNull FragmentManager fm,
                        @NonNull Fragment f, @NonNull View v,
                        @Nullable Bundle savedInstanceState) {
                    if (f == fragment) {
                        fm.unregisterFragmentLifecycleCallbacks(this);
                        addViewToContainer(v, container);
                    }
                }
            }, false);
}
复制代码

更详细的FragmentStateAdapter源码解读尽请期待;

but!!!

Fragment中监听不到setUserVisibleHint

在设置offscreenPageLimit>0时,Fragment中是监听不到setUserVisibleHint调用的,我查了源码没有调用,并且该方法被标记过期,因此,适用于ViewPager那一套懒加载Fragment在这里恐怕是不行了;

话又说回来,既然想玩懒加载,为啥还要设置offscreenPageLimit>0呢,offscreenPageLimit=0就自带懒加载效果;

Adapter小结:

  • 目前ViewPager2Fragment支持只能用FragmentStateAdapterFragmentStateAdapter在遇到预加载时,只会建立Fragment对象,不会把Fragment真正的加入到布局中,因此自带懒加载效果;
  • FragmentStateAdapter不会一直保留Fragment实例,回收的ItemView也会移除Fragment,因此得作好Fragment`重建后恢复数据的准备;
  • FragmentStateAdapter在遇到offscreenPageLimit>0时,处理离屏Fragment和可见Fragment没有什么区别,因此没法经过setUserVisibleHint判断显示与否,这一点知得注意;

ViewPager懒加载请注意

新版的Fragment中(Version 1.1.0-alpha07),该方法setUserVisibleHint已通过时,由FragmentTransactionsetMaxLifecycle替代,新版本的FragmentPagerAdapter能够设置直接调用生命周期,这表明ViewPager+Fragment懒加载有更好的解决方案,请注意

最后

ViewPager2更多优势

因为本章篇幅有点,没有对ViewPager2进行的全面介绍,不表明ViewPager就仅此而已,就当前版原本看,ViewPager2的优势或者特有的功能以下:

  • 支持RecyclerView级别的复用
  • 支持预加载和离屏加载(本章介绍)
  • 支持动态更新Adapter(ViewPager大坑之一)
  • 支持模拟拖拽
  • 支持竖直方向滑动
  • 支持页面滑动状态监听和页面变换(延续了ViewPager的功能)
  • 只想到这么多了

总结

这一次ViewPager2更新,官方貌似要发力替换ViewPager了,不管是它高效的复用仍是自带懒加载,亦或是更新有效的Adapter,都要比ViewPager强大,若是看官老爷们想尝试升级,在下十分赞扬,但从当前版原本看,请谨慎使用Fragment+offscreenPageLimit>0组合的状况。

相关文章
相关标签/搜索