背景
最近项目需要集成一个点击图片大图预览的功能。网上很多都是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;
}
});
复制代码