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

背景

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

问题

开发过程中,其他的倒是一切正常,主要遇到以下两个问题:

  1. PhotoView双指放大 和 RecyclerView左右滑动 冲突,本来是想双指放大PhotoView,结果RecyclerView滑动了;
  2. 为实现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. 针对第二个问题,暂时发现两种解决办法。

  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;
            }
        });
复制代码

转载于:https://juejin.im/post/5c99b55f6fb9a070cd56a8d3

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值