点击图片大图预览,RecyclerView + PhotoView 滑动冲突,RecyclerView不回调SCROLL_STATE_IDLE

转载请标明出处:juejin.im/post/5c99b5… ,谢谢。bash

背景

最近项目须要集成一个点击图片大图预览的功能。网上不少都是ViewPager + PhotoView的形式;此次想换个姿式,使用了 RecyclerView + PhotoView的方式,其中主要是RecyclerView的PagerSnapHelper来实现模拟ViewPager的翻页效果。ide

问题

开发过程当中,其余的却是一切正常,主要遇到如下两个问题:post

  1. PhotoView双指放大 和 RecyclerView左右滑动 冲突,原本是想双指放大PhotoView,结果RecyclerView滑动了;
  2. 为实现ViewPager的onPageSelected监听效果,给RecyclerView增长onScrollStateChanged监听来判断当前显示的item,使用中发现当快速滚动到第一个时,SCROLL_STATE_IDLE状态不会被回调。

解决

1. 针对第一个问题,目前的思路是自定义RecyclerView

判断是不是多点触控,是的话就放行给子PhotoView处理,不是就RecyclerView处理。可是这样会有一个问题,就是两个或者三个或更多手指在屏幕上时就没办法左右滑动RecyclerView了。可是我也以为无所谓,毕竟应该没有人用多个手指去左右翻页。。。
代码以下:ui

/**
 * 图片预览 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. 针对第二个问题,暂时发现两种解决办法。

  1. 在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);
                }
            }
        });
复制代码
  1. 在上面的回调中正常加入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;
            }
        });
复制代码
相关文章
相关标签/搜索