如何用RecyclerView实现ViewPager的页面切换及变换动画效果？

嘿，我完全懂你的需求——ViewPager的setPageTransformer()确实能做出超惊艳的页面滑动过渡动画，但咱们用RecyclerView也能复刻这种体验，甚至能玩出更多花样！下面是具体的实现步骤：

第一步：用LinearSnapHelper模拟ViewPager的整页滑动行为 #

首先得让RecyclerView滑动后自动停在整页位置，这就需要自定义LinearSnapHelper，重写findTargetSnapPosition()来处理滑动速度，确保页面切换逻辑和ViewPager一致：

LinearSnapHelper snapHelper = new LinearSnapHelper() {
    @Override
    public int findTargetSnapPosition(RecyclerView.LayoutManager layoutManager, int velocityX, int velocityY) {
        View centerView = findSnapView(layoutManager);
        if (centerView == null) {
            return RecyclerView.NO_POSITION;
        }
        int position = layoutManager.getPosition(centerView);
        int targetPosition = position;
        // 根据滑动速度判断切换方向
        if (velocityX > 0) {
            targetPosition++;
        } else if (velocityX < 0) {
            targetPosition--;
        }
        // 边界校验，防止越界
        final int firstItem = 0;
        final int lastItem = layoutManager.getItemCount() - 1;
        targetPosition = Math.min(lastItem, Math.max(targetPosition, firstItem));
        return targetPosition;
    }
};
// 将SnapHelper绑定到RecyclerView
snapHelper.attachToRecyclerView(yourRecyclerView);

第二步：实现页面变换动画（对标ViewPager的PageTransformer） #

RecyclerView没有直接提供setPageTransformer()方法，但咱们可以通过RecyclerView.OnScrollListener监听滚动状态，对每个可见的ItemView动态应用变换效果。比如实现常用的缩放+透明度组合动画：

yourRecyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
    @Override
    public void onScrolled(@NonNull RecyclerView recyclerView, int dx, int dy) {
        super.onScrolled(recyclerView, dx, dy);
        LinearLayoutManager layoutManager = (LinearLayoutManager) recyclerView.getLayoutManager();
        if (layoutManager == null) return;
        
        int firstVisibleItem = layoutManager.findFirstVisibleItemPosition();
        int visibleItemCount = layoutManager.getChildCount();
        
        // 遍历每个可见Item，根据偏移量应用动画
        for (int i = 0; i < visibleItemCount; i++) {
            View itemView = layoutManager.getChildAt(i);
            if (itemView == null) continue;
            
            // 计算Item相对于RecyclerView中心的偏移比例
            float recyclerViewCenterX = recyclerView.getWidth() / 2f;
            float itemCenterX = itemView.getLeft() + itemView.getWidth() / 2f;
            float offsetRatio = Math.abs((itemCenterX - recyclerViewCenterX) / recyclerViewCenterX);
            
            // 缩放动画：中心页面保持1倍，两侧页面逐步缩小
            float scaleValue = 1 - offsetRatio * 0.15f;
            itemView.setScaleX(scaleValue);
            itemView.setScaleY(scaleValue);
            
            // 透明度动画：中心页面完全不透明，两侧页面逐步变透明
            float alphaValue = 1 - offsetRatio * 0.5f;
            itemView.setAlpha(alphaValue);
        }
    }
});

额外小提示 #

• 别忘了给RecyclerView设置横向的LinearLayoutManager，否则是纵向滚动：

  LinearLayoutManager layoutManager = new LinearLayoutManager(this, LinearLayoutManager.HORIZONTAL, false);
  yourRecyclerView.setLayoutManager(layoutManager);
  

• 如果想要更复杂的动画（比如3D旋转、左右位移），只需要修改上述代码中根据偏移量计算属性值的逻辑即可，自由度很高。

这样一套操作下来，你的RecyclerView就能拥有和ViewPager一样的整页滑动+精美过渡动画啦！

内容的提问来源于stack exchange，提问作者portfoliobuilder