安卓recycleView实现，类似viewpage效果

最新推荐文章于 2023-09-04 16:17:59 发布

谁是谁的谁_bj

最新推荐文章于 2023-09-04 16:17:59 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： Android_UI

本文链接：https://blog.youkuaiyun.com/yanghuiyu38/article/details/95070311

Android_UI 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了如何使用Android的LinearSnapHelper和PagerSnapHelper实现RecyclerView的居中显示和类似ViewPager的效果。LinearSnapHelper支持快速滑动，适用于横向和竖向布局，而PagerSnapHelper限制一次滑动一页，提供更接近ViewPager的体验。通过简单的代码示例，展示了这两个SnapHelper的使用方法和效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

LinearSnapHelper & PagerSnapHelper

上面讲了SnapHelper的几个重要的方法和作用，SnapHelper是一个抽象类，要使用SnapHelper，需要实现它的几个方法。而 Google 内置了两个默认实现类，LinearSnapHelper和PagerSnapHelper ，LinearSnapHelper可以使RecyclerView 的当前Item 居中显示（横向和竖向都支持），PagerSnapHelper看名字可能就能猜到，使RecyclerView 像ViewPager一样的效果，每次只能滑动一页（LinearSnapHelper支持快速滑动）, PagerSnapHelper也是Item居中对齐。接下来看一下使用方法和效果。

(1) LinearSnapHelper
LinearSnapHelper 使当前Item居中显示，常用场景是横向的RecyclerView, 类似ViewPager效果，但是又可以快速滑动（滑动多页）。代码如下：


 LinearLayoutManager manager = new LinearLayoutManager(getContext());
 manager.setOrientation(LinearLayoutManager.VERTICAL);
 mRecyclerView.setLayoutManager(manager);
// 将SnapHelper attach 到RecyclrView
 LinearSnapHelper snapHelper = new LinearSnapHelper();
 snapHelper.attachToRecyclerView(mRecyclerView);

代码很简单，new 一个SnapHelper对象，然后 Attach到RecyclerView 即可。

上面的效果为LayoutManager的方向为VERTICAL,那么接下来看一下横向效果，很简单，和上面的区别只是更改一下LayoutManager的方向，代码如下：


 LinearLayoutManager manager = new LinearLayoutManager(getContext());
 manager.setOrientation(LinearLayoutManager.HORIZONTAL);
 mRecyclerView.setLayoutManager(manager);
// 将SnapHelper attach 到RecyclrView
 LinearSnapHelper snapHelper = new LinearSnapHelper();
 snapHelper.attachToRecyclerView(mRecyclerView);

简单几行代码就可以用RecyclerView 实现一个类似ViewPager的效果，并且效果更赞。可以快速滑动多页，当前页剧中显示，并且显示前一页和后一页的部分。如果使用ViewPager来做还是有点麻烦的。除了上面的效果外，如果你想要和ViewPager 一样，限制一次只让它滑动一页，那么你就可以使用PagerSnapHelper了。

(2) PagerSnapHelper (在Android 25.1.0 support 包加入的)
PagerSnapHelper的展示效果和LineSnapHelper是一样的，只是PagerSnapHelper 限制一次只能滑动一页，不能快速滑动。代码如下：

PagerSnapHelper snapHelper = new PagerSnapHelper();
snapHelper.attachToRecyclerView(mRecyclerView);

此外，在Github上发现一个实现了好几种Snap 效果的库，比如，start对齐、end对齐，top 对齐等等。有兴趣的可以去弄来玩一下，地址：[Snap 效果库]。(https://github.com/rubensousa/RecyclerViewSnap)。