私はMike OrtizのTouchImageViewを使用しています。
その中で、canScrollHorizontally
上書きされます:
@Override
public boolean canScrollHorizontally(int direction) {
matrix.getValues(m);
float x = m[Matrix.MTRANS_X];
float y = m[Matrix.MTRANS_Y];
if (getImageWidth() < viewWidth) {
return false;
} else if (x >= -1 && direction < 0) {
return false;
} else if (Math.abs(x) + viewWidth + 1 >= getImageWidth() && direction > 0) {
return false;
}
return true;
}
これは期待どおりに機能します。TouchImageView を に配置しViewPager
、ズームされた画像をスクロールできますが、画像の端に到達したら ViewPager を左右にスワイプすることもできます。
しかし、私が意図しているのは、通常の ViewPager 内にネストされた垂直方向の ViewPager です。垂直 ViewPager は、このSO 投稿をモデルにしています。
public class VerticalViewPager extends ViewPager {
public VerticalViewPager(Context context) {
super(context);
init();
}
public VerticalViewPager(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
private void init() {
// The majority of the magic happens here
setPageTransformer(true, new VerticalPageTransformer());
// The easiest way to get rid of the overscroll drawing that happens on the left and right
setOverScrollMode(OVER_SCROLL_NEVER);
}
private class VerticalPageTransformer implements ViewPager.PageTransformer {
@Override
public void transformPage(View view, float position) {
if (position < -1) { // [-Infinity,-1)
// This page is way off-screen to the left.
view.setAlpha(0);
} else if (position <= 1) { // [-1,1]
view.setAlpha(1);
// Counteract the default slide transition
view.setTranslationX(view.getWidth() * -position);
//set Y position to swipe in from top
float yPosition = position * view.getHeight();
view.setTranslationY(yPosition);
} else { // (1,+Infinity]
// This page is way off-screen to the right.
view.setAlpha(0);
}
}
}
/**
* Swaps the X and Y coordinates of your touch event.
*/
private MotionEvent swapXY(MotionEvent ev) {
float width = getWidth();
float height = getHeight();
float newX = (ev.getY() / height) * width;
float newY = (ev.getX() / width) * height;
ev.setLocation(newX, newY);
return ev;
}
@Override
public boolean onInterceptTouchEvent(MotionEvent ev){
boolean intercepted = super.onInterceptTouchEvent(swapXY(ev));
swapXY(ev); // return touch coordinates to original reference frame for any child views
return intercepted;
}
@Override
public boolean onTouchEvent(MotionEvent ev) {
return super.onTouchEvent(swapXY(ev));
}
}
通常の ImageViews では、うまく機能します。必要に応じて、ネストされた ViewPager を垂直方向にスクロールしながら、水平方向の ViewPager を左右にスワイプできます。垂直 ViewPager に対する 1 つの変更 (垂直 ViewPager 内の任意の場所からの水平スクロールを可能にするため) は、次のとおりです。
@Override
public boolean canScrollHorizontally(int direction) {
return false;
}
小さな変更で、うまく機能します。
垂直 ViewPager の内容がカスタム TouchImageView である場合に問題が発生します。左右のスワイプは引き続きうまく機能しますが、垂直方向のスワイプは、画像の右端がデバイス画面の右側に並んでいる場合にのみ機能します. これはcanScrollHorizontally
、TouchImageView クラス内のオーバーライドが原因です。
引数はint direction
x または y を考慮しません。正の y スワイプは、正の x スワイプと区別がつきません。
私がやりたいのは、canScrollVertically
メソッドをオーバーライドして、垂直スワイプが発生したことを検出することですが、メソッドが呼び出されることはありません。次のような簡単なテストでも:
@Override
public boolean canScrollVertically(int direction) {
matrix.getValues(m);
Toast.makeText(context, "vertical", Toast.LENGTH_SHORT).show();
return true;
}
呼び出されることはありません。メソッド内に同じ Toast メッセージを配置すると、canScrollHorizontally
スワイプ (水平または垂直) ごとにメッセージが表示されます。
なぜcanScrollVertically
呼び出されないのですか?
ビューで画像が底になっているときと、ユーザーが上にスワイプしているときの両方を検出したいと思います。これら 2 つの条件が満たされると、からfalsecanScrollHorizontally
を返し、垂直方向の ViewPager が適切にスクロールできるようになります。
助けてくれてありがとう。マイク・オルティス知ってる人いますか!?