ViewPager を使用して画像のギャラリーを実装しようとしています。また、ズーム機能を実装するために、github のTouchImageViewを使用しています。ZoomableImageViewも使用してみました。
しかし、問題は、画像をズームして画像をスクロールすると、画像の代わりにViewPagerスクロールされ、次のビューがViewPager読み込まれることです。
画像をズームしてからスクロールすると、代わりに画像が移動する必要がありますViewPager
ViewPager の次のビューは、ズームされた画像の最後に到達した場合にのみロードする必要があります。どうやってするか？
私はそれを見つけることができません.画像を斜めにタッチしてドラッグすると、画像が移動します. そうしないと、ViewPager のドラッグが呼び出されます。
ps: これは重複していません。ズームが行われます。しかし、問題は画像のズーム後です。
はい、私も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でリスナーを実装して、ズームまたはドラッグのいずれの場合でもイベントをトリガーします。
リスナーをアクティビティのビューオブジェクトに設定します。したがって、これらのイベントが発生した場合は、ビューページャーを無効にするだけです。
注：ビューページャーを有効にするには、マウスアップイベントも必要です。
編集済み
これはズームでのみ機能するため、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);
これにより、ギャラリーや他の多くのアプリで見られるように、元の位置にズームアウトせずにスワイプすることができました。
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
}
});
}
}
最終的に、サブサンプリング スケール イメージ ビューライブラリを見つけました。これは、カスタマイズなしで Android サポート パッケージの標準の ViewPager でも動作します。
if(deltaX == 0 || saveScale == 1.0 )
startInterceptEvent();
else
stopInterceptEvent();