联动滑动效果及不同Item效果的RecyclerView

最新推荐文章于 2023-03-22 09:31:13 发布

青竹健

最新推荐文章于 2023-03-22 09:31:13 发布

阅读量957

点赞数 1

分类专栏： android学习

本文链接：https://blog.youkuaiyun.com/gjnm820/article/details/78449887

版权

本文分享了一个项目中的页面滑动效果，重点介绍了如何实现联动滑动以及在RecyclerView中支持不同Item布局。首先讲解了最外层自定义的UniteSlideLayout如何拦截滑动事件，然后讨论了在RecyclerView中处理多种布局的方法。

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

这几天项目中做了一个页面滑动效果，今天总结了一个小demo来分享一下，先来看一下效果哈：：：

1. 页面滑动时联动效果介绍

这种效果总结起来可以分为两部分，一个是包裹在最外层的layout，滑动时先由layout拦截滑动事件，当顶部view缩小为0后，RecyclerView再接收滑动事件，在RecyclerView中支持多种不同item布局。

先看一下最外层的Layout事件拦截逻辑，这里我自定义了一个UniteSlideLayout继承RelativeLayout，在UniteSlideLayout的事件拦截方法（onInterceptTouchEvent）中，对MotionEvent.ACTION_MOVE做判断，当符合Layout滑动条件时，该方法反回true，即拦截了MOVE事件，当拦截了MOVE事件后，之后的MOVE都由Layout消耗，即调用UniteSlideLayout的onTouchEvent(MotionEvent event)消耗MOVE事件，MOVE事件被拦截后，在一个事件序列中，针对MOVE事件，onInterceptTouchEvent方法都不会再被调用。下面看一下Layout事件拦截方法onInterceptTouchEvent的实现：

public boolean onInterceptTouchEvent(MotionEvent ev) {
    int y = (int) ev.getY();
    switch (ev.getAction()) {
        case MotionEvent.ACTION_DOWN:
            mInterceptLastMotionY = y;
            if (!isCanSlide) {
                return true;
            }
            break;
        case MotionEvent.ACTION_MOVE:
            int dy = y - mInterceptLastMotionY;
            if ((Math.abs(dy) >= mProtectDistance)
                    && ((mIsShrink && mCardListView.getScrollToTop() && dy > 0) || (!mIsShrink))) {
                mOnTouchLastMotionY = y;
                mCardListView.setOpListActionUp(false);
                return true;
            }
            break;
        case MotionEvent.ACTION_UP:
            if (!mCardListView.getOpListActionUp()) {
                mCardListView.setOpListActionUp(true);
                return true;
            }
            break;
        default:
            break;
    }
    return false;
}

在DOWN事件中有个mCardListView