这几天项目中做了一个页面滑动效果,今天总结了一个小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