项目需求
image.png主活动视图上拉显示子活动视图列表,子活动视图列表可以上下滑动,下拉可以显示主活动视图列表。看正确效果图
遇到的问题
开发过程中首先要考虑这样的一个实现效果用什么实现?浮现在大脑里的首先是viewpager,自己也尝试着去实现,发现自定义viewpager垂直滑动并不友好,最后放弃了。于是开始了第二套方案,尝试一下google刚刚推出不久的viewpager2,viewpager2最大的亮点就是提供了api支持垂直滑动,但是对于子活动中的Recycleview列表,滑动不是很理想。viewpager2提供了是否触发viewpager2上下滑动的api,出现的问题挺蛋疼,还是放弃这个方案了。最后采用的方案就是Recycleview嵌套Recycleview来实现,这样带来的问题也是显而易见的,下面解决。
解决冲突问题
最外层的Recycleview我们不做处理,只需要对子活动中的Recycleview处理就可以了。当触发DOWN事件的时候,父Recycleview不消耗事件,子Recycleview消耗事件。当触发MOVE事件的时候,子活动列表没有滑动到顶部和底部的时候,子Recycleview消耗事件,否则父Recycleview消耗事件。这样就完美解决了Rv嵌套Rv带来的滑动冲突问题。最后奉上自定义Rv代码。
public class RecyclerViewAtRecycleView extends RecyclerView {
private int startX, startY;
public RecyclerViewAtRecycleView(Context context) {
super(context);
}
public RecyclerViewAtRecycleView(Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
}
public RecyclerViewAtRecycleView(Context context, @Nullable AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}
@Override
public boolean dispatchTouchEvent(MotionEvent ev) {
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
startX = (int) ev.getX();
startY = (int) ev.getY();
getParent().requestDisallowInterceptTouchEvent(true);
break;
case MotionEvent.ACTION_MOVE:
int endX = (int) ev.getX();
int endY = (int) ev.getY();
int disX = Math.abs(endX - startX);
int disY = Math.abs(endY - startY);
if(disX > disY){
getParent().requestDisallowInterceptTouchEvent(canScrollHorizontally(startX -endX));
}else {
getParent().requestDisallowInterceptTouchEvent(canScrollVertically(startY -endY));
}
break;
case MotionEvent.ACTION_UP:
case MotionEvent.ACTION_CANCEL:
getParent().requestDisallowInterceptTouchEvent(false);
break;
}
return super.dispatchTouchEvent(ev);
}
}
结尾
最后欢迎提出宝贵建议!
原文链接:https://blog.csdn.net/wangzizhong201205/article/details/103920541
网友评论