我正在尝试使用ViewPager实现图像库。另外,为了实现缩放功能,我使用了来自github的TouchImageView。我也尝试过使用ZoomableImageView。
但问题是,如果我放大图像和放大图像。如果我滚动图像,那么ViewPager
将滚动而不是图像。 <{1}}的下一个视图正在加载。
如果我缩放图像然后滚动它,那么图像必须移动而不是ViewPager
只有在到达缩放图像的末尾时,才能加载ViewPager的下一个视图。怎么做?
我无法找到。如果我触摸&amp;对角拖动图像,只有图像移动。或者调用ViewPager的拖动。
ps:这不重复。缩放完成。但问题是图像缩放后。
答案 0 :(得分:22)
是的,我也遇到了与TouchImageView不同的问题。
我解决了这个问题,当我的视图获得焦点时,我所做的是禁用ViewPager。
public class EnableDisableViewPager extends ViewPager {
private boolean enabled = true;
public EnableDisableViewPager(Context context, AttributeSet attrs) {
super(context, attrs);
}
@Override
public boolean onInterceptTouchEvent(MotionEvent arg0) {
if(enabled)
return super.onInterceptTouchEvent(arg0);
return false;
}
public boolean isEnabled() {
return enabled;
}
public void setEnabled(boolean enabled) {
this.enabled = enabled;
}
}
所以在TouchImageView中实现你的监听器来触发一个事件,无论是缩放还是拖动。
将侦听器设置为Activity中的视图对象。因此,当这些事件发生时,只需禁用视图寻呼机。
注意:您还需要启动鼠标才能启用viewpager。
<强> EDITED 强>
这仅适用于缩放,因此要使ViewPager滑动页面,您应缩放回原始页面。
将这些代码添加到TouchImageView
public class TouchImageView extends ImageView {
...
private TouchEventListener touchEventListener;
private void sharedConstructing(Context context) {
...
setOnTouchListener(new OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
...
case MotionEvent.ACTION_UP:
...
if(touchEventListener != null)
{
if(saveScale == 1.0)
touchEventListener.onZoomToOriginal();
else
touchEventListener.onZoom();
}
break;
...
}
...
}
});
}
...
public TouchEventListener getTouchEventListener() {
return touchEventListener;
}
public void setTouchEventListener(TouchEventListener touchEventListener) {
this.touchEventListener = touchEventListener;
}
public interface TouchEventListener
{
void onZoom();
void onZoomToOriginal();
}
}
更好的解决方案
我们可以通过使用下面给出的方法将ViewPager扩展到新类来实现此目的。
requestDisallowInterceptTouchEvent(true);
有了这个,我们可以滑动而不会缩小到原始位置,就像我们在Gallery和许多其他应用中看到的那样。
public class TouchImageView extends ImageView {
...
private void stopInterceptEvent()
{
getParent().requestDisallowInterceptTouchEvent(true);
}
private void startInterceptEvent()
{
getParent().requestDisallowInterceptTouchEvent(false);
}
private void sharedConstructing(Context context) {
super.setClickable(true);
this.context = context;
mScaleDetector = new ScaleGestureDetector(context, new ScaleListener());
matrix.setTranslate(1f, 1f);
m = new float[9];
setImageMatrix(matrix);
setScaleType(ScaleType.MATRIX);
setOnTouchListener(new OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
mScaleDetector.onTouchEvent(event);
matrix.getValues(m);
float x = m[Matrix.MTRANS_X];
float y = m[Matrix.MTRANS_Y];
PointF curr = new PointF(event.getX(), event.getY());
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
last.set(event.getX(), event.getY());
start.set(last);
mode = DRAG;
stopInterceptEvent();
break;
case MotionEvent.ACTION_MOVE:
if (mode == DRAG) {
float deltaX = curr.x - last.x;
float deltaY = curr.y - last.y;
float scaleWidth = Math.round(origWidth * saveScale);
float scaleHeight = Math.round(origHeight * saveScale);
if (scaleWidth < width) {
deltaX = 0;
if (y + deltaY > 0)
deltaY = -y;
else if (y + deltaY < -bottom)
deltaY = -(y + bottom);
} else if (scaleHeight < height) {
deltaY = 0;
if (x + deltaX > 0)
deltaX = -x;
else if (x + deltaX < -right)
deltaX = -(x + right);
} else {
if (x + deltaX > 0)
deltaX = -x;
else if (x + deltaX < -right)
deltaX = -(x + right);
if (y + deltaY > 0)
deltaY = -y;
else if (y + deltaY < -bottom)
deltaY = -(y + bottom);
}
if(deltaX == 0)
startInterceptEvent();
else
stopInterceptEvent();
matrix.postTranslate(deltaX, deltaY);
last.set(curr.x, curr.y);
}
break;
case MotionEvent.ACTION_UP:
mode = NONE;
int xDiff = (int) Math.abs(curr.x - start.x);
int yDiff = (int) Math.abs(curr.y - start.y);
if (xDiff < CLICK && yDiff < CLICK)
performClick();
startInterceptEvent();
break;
case MotionEvent.ACTION_POINTER_UP:
mode = NONE;
break;
}
setImageMatrix(matrix);
invalidate();
return true; // indicate event was handled
}
});
}
}
答案 1 :(得分:1)
我通过添加此代码来实现它:
if(deltaX == 0 && saveScale == 1.0 )
startInterceptEvent();
else
stopInterceptEvent();
答案 2 :(得分:1)
我终于找到了Subsampling Scale Image View库,它甚至可以与Android支持包中的标准ViewPager一起使用而无需任何自定义。
答案 3 :(得分:0)
if(deltaX == 0 || saveScale == 1.0 )
startInterceptEvent();
else
stopInterceptEvent();
答案 4 :(得分:0)
如果有人有水平的viewpager,重要的是改变@ kirit-vaghela代码:
if(deltaX == 0 || saveScale == 1.0 )
startInterceptEvent();
else
stopInterceptEvent();
要
if(saveScale == 1.0 )
startInterceptEvent();
else
stopInterceptEvent();
所以适配器只有在1.0
时才会改变图片