背景
最近项目需要集成一个点击图片大图预览的功能。网上很多都是ViewPager + PhotoView的形式;这次想换个姿势,使用了 RecyclerView + PhotoView的方式,其中主要是RecyclerView的PagerSnapHelper来实现模拟ViewPager的翻页效果。
问题
开发过程中,其他的倒是一切正常,主要遇到以下两个问题:
- PhotoView双指放大 和 RecyclerView左右滑动 冲突,本来是想双指放大PhotoView,结果RecyclerView滑动了;
- 为实现ViewPager的onPageSelected监听效果,给RecyclerView增加onScrollStateChanged监听来判断当前显示的item,使用中发现当快速滚动到第一个时,SCROLL_STATE_IDLE状态不会被回调。
解决
1. 针对第一个问题,目前的思路是自定义RecyclerView
判断是否是多点触控,是的话就放行给子PhotoView处理,不是就RecyclerView处理。但是这样会有一个问题,就是两个或者三个或更多手指在屏幕上时就没办法左右滑动RecyclerView了。但是我也觉得无所谓,毕竟应该没有人用多个手指去左右翻页。。。
代码如下:/** * 图片预览 RecyclerView * Create By lishilin On 2019/3/25 */public class PreviewRecyclerView extends RecyclerView { private boolean isLock;// 是否锁住 RecyclerView ,避免和 PhotoView 双指放大缩小操作冲突 public PreviewRecyclerView(@NonNull Context context) { super(context); } public PreviewRecyclerView(@NonNull Context context, @Nullable AttributeSet attrs) { super(context, attrs); } public PreviewRecyclerView(@NonNull Context context, @Nullable AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); } @Override public boolean onInterceptTouchEvent(MotionEvent event) { switch (event.getActionMasked()) { case MotionEvent.ACTION_POINTER_DOWN:// 非第一个触点按下 isLock = true; break; case MotionEvent.ACTION_UP:// 最后一个触点抬起 isLock = false; break; } if (isLock) { return false;// 不拦截,交给子View处理 } return super.onInterceptTouchEvent(event); } @Override public boolean dispatchTouchEvent(MotionEvent event) { switch (event.getActionMasked()) { case MotionEvent.ACTION_POINTER_DOWN:// 非第一个触点按下 isLock = true; break; case MotionEvent.ACTION_UP:// 最后一个触点抬起 isLock = false; break; } return super.dispatchTouchEvent(event); }}复制代码
2. 针对第二个问题,暂时发现两种解决办法。
- 在onScrollStateChanged回调中不判断state状态,这样就绕过了SCROLL_STATE_IDLE的问题,但是会一直执行代码,需要注意效率问题,特别是耗时操作,避免卡顿。 代码如下:
rv_photo.addOnScrollListener(new RecyclerView.OnScrollListener() { @Override public void onScrollStateChanged(@NonNull RecyclerView recyclerView, int newState) { super.onScrollStateChanged(recyclerView, newState); View view = snapHelper.findSnapView(layoutManager); if (view == null) { return; } int position = layoutManager.getPosition(view); if (lastPosition == position) { return; } lastPosition = position; refreshCountTips(lastPosition); PhotoPreviewRecyclerAdapter.ViewHolder holder = (PhotoPreviewRecyclerAdapter.ViewHolder) rv_photo.getChildViewHolder(view); if (holder == null || holder.img_content == null) { return; } if (holder.img_content.getScale() != 1f) { holder.img_content.setScale(1f, true); } } });复制代码
- 在上面的回调中正常加入SCROLL_STATE_IDLE的判断,但是需要手动调用
recyclerView.stopScroll()
方法。
if (newState != RecyclerView.SCROLL_STATE_IDLE) { return; }复制代码
rv_photo.setOnTouchListener(new View.OnTouchListener() { @Override public boolean onTouch(View v, MotionEvent event) { switch (event.getActionMasked()) { case MotionEvent.ACTION_UP: if (rv_photo.getScrollState() == RecyclerView.SCROLL_STATE_IDLE) { break; } View view = snapHelper.findSnapView(layoutManager); if (view == null) { break; } int position = layoutManager.getPosition(view); if (position != 0) { break; } if (rv_photo.getChildAt(0).getX() == 0 && rv_photo.canScrollHorizontally(1)) { rv_photo.stopScroll(); } break; } return false; } });复制代码