ViewPager2：官方Viewpager升级版来临

青旅半醒 2022-01-20 09:59 366阅读 0赞

浏览安卓开发者官网的时候，发现google悄然推出了一个新的控件：ViewPager2 ，一看名称就知道这是一个和我们常用的 ViewPager 功能相似的控件，算是ViewPager的升级版吧。目前还只是推出了第一个预览版，我们可以直接引入来使用了：

implementation 'androidx.viewpager2:viewpager2:1.0.0-alpha04'
    复制代码

我们先来看看有哪些功能和使用上的变化：[developer.android.google.cn/jetpack/and…][developer.android.google.cn_jetpack_and] 新功能：

*  支持RTL布局
 *  支持竖向滚动
 *  完整支持notifyDataSetChanged

API的变动：

*  FragmentStateAdapter替换了原来的 FragmentStatePagerAdapter
 *  RecyclerView.Adapter替换了原来的 PagerAdapter
 *  registerOnPageChangeCallback替换了原来的 addPageChangeListener 看了上面这些介绍，有一点比较吸引人的就是支持竖向滚动了，这是怎么实现的呢？ViewPager2的源码不长，我们来简单分析一下。

### 简单解析 ###

通过查看源码得知，ViewPager2是直接继承ViewGroup的，意味着和ViewPager不兼容，类注释上也写了它的作用是取代ViewPager，不过短时间内ViewPager应该还不会被废弃掉。

继续查看源码，发现了两个比较重要的成员变量：

private RecyclerView mRecyclerView;
        private LinearLayoutManager mLayoutManager;
    复制代码

所以很清楚得知，ViewPager2的核心实现就是RecyclerView+LinearLayoutManager了，因为LinearLayoutManager本身就支持竖向和横向两种布局方式，所以ViewPager2也能很容易地支持这两种滚动方向了，而几乎不需要添加任何多余的代码。

其实在此之前也不乏有大神采用RecyclerView来实现轮播图效果的，具体实现发生略有不同，但大体思想是一致的。这次ViewPager2的推出意味着这种方法终于被扶正了。

为了让RecyclerView变得像原来的ViewPager，需要设置下SnapHelper：

new PagerSnapHelper().attachToRecyclerView(mRecyclerView);
    复制代码

熟悉RecyclerView的同学都知道，SnapHelper用于辅助RecyclerView在滚动结束时将Item对齐到某个位置。PagerSnapHelper的作用让滑动结束时使当前Item居中显示，并且 限制一次只能滑动一页，不能快速滑动，这样就和viewpager的交互很像了。

另外和viewpager一样，viewpager2可以承载fragment，我们需要继承实现它提供的FragmentStateAdapter：

public abstract class FragmentStateAdapter extends
            RecyclerView.Adapter<FragmentViewHolder> implements StatefulAdapter
    复制代码

这是一个包含FragmentManager和数据状态恢复功能的RecyclerView.Adapter，具体实现可以参看源码。所以大家也可以用TabLayout+ViewPager2+Fragment来实现联动展示效果。

### 使用 ###

通过android:orientation来指定滚动方向

<androidx.viewpager2.widget.ViewPager2
            android:id="@+id/viewpager2"
            android:layout_width="match_parent"
            android:layout_height="200dp"
            android:orientation="vertical" />
    复制代码

在代码中设置一个普通的RecyclerView.adapter：

ViewPager2 viewPager2=findViewById(R.id.viewpager2);
    
       RecyclerviewAdapter adapter = new RecyclerviewAdapter(this);
       viewPager2.setAdapter(adapter);
    复制代码

这样竖直轮播图就大功告成了。

### 小结 ###

viewpager2利用recyclerview来实现viewpager的功能，无疑使使其可扩展性大大提升，代码也变得更优雅简洁，使用起来也更灵活。不过目前viewpager2只是第一个预览版，还存在稳定性方面的问题，不建议大家引入到正式项目中来，尝尝鲜就好。

想学习更多Android知识，或者获取相关资料请加入Android开发交流群：1018342383。 有面试资源系统整理分享，Java语言进阶和Kotlin语言与Android相关技术内核，APP开发框架知识， 360°Android App全方位性能优化。Android前沿技术，高级UI、Gradle、RxJava、小程序、Hybrid、 移动架构师专题项目实战环节、React Native、等技术教程！架构师课程、NDK模块开发、 Flutter等全方面的 Android高级实践技术讲解。还有在线答疑

[developer.android.google.cn_jetpack_and]: https://link.juejin.im?target=https%3A%2F%2Fdeveloper.android.google.cn%2Fjetpack%2Fandroidx%2Freleases%2Fviewpager2