【Android_WebView】マルチタッチで拡大縮小とドラッグ画像を実現

5059 ワード

http://www.4byte.cn/question/634906/android-webview-can-t-be-scrolled-after-being-set-to-a-touch-listener.html
MotionEventの中に二つのイベントがありますので、注意してください。それぞれACTIIONです。DOWNとACTION_POINTERDOWN
         ACTION_DOWN:これはよく分かります。画面が指で押されたことを検知すると、このイベントが発生します。
        ACTION_POINTERDOWN:これは多点を実現する鍵です。画面で複数の指が同時に押されていることが検出されたら、このイベントをトリガします。
ゲームアクションにより、現在の画面のイベントタイプを獲得することができます。DOWN,ACTION_MOVE、ACTION_UP、or ACT ION_CANCELしかし、上記のACTを獲得すればION_POINTERDOWNならACTION_MASKと相まってACTION_。POINTERDOWN事件
@Override
        public boolean onTouch(View v, MotionEvent event) {
                ImageView view = (ImageView) v;
                dumpEvent(event);
                // Handle touch events here...
                switch (event.getAction() & MotionEvent.ACTION_MASK) {
                case MotionEvent.ACTION_DOWN:
                        matrix.set(view.getImageMatrix());
                        savedMatrix.set(matrix);
                        start.set(event.getX(), event.getY());
                        //Log.d(TAG, "mode=DRAG");
                        mode = DRAG;
                        //Log.d(TAG, "mode=NONE");
                        break;
                case MotionEvent.ACTION_POINTER_DOWN:
                        oldDist = spacing(event);
                        //Log.d(TAG, "oldDist=" + oldDist);
                        if (oldDist > 10f) {
                                savedMatrix.set(matrix);
                                midPoint(mid, event);
                                mode = ZOOM;
                                //Log.d(TAG, "mode=ZOOM");
                        }// ACTION_DOWN, ACTION_MOVE, ACTION_UP, or ACTION_CANCEL.
                        break;
                case MotionEvent.ACTION_UP:
                case MotionEvent.ACTION_POINTER_UP:
                        mode = NONE;
                        break;
                case MotionEvent.ACTION_MOVE:
                        if (mode == DRAG) {
                                // ...
                                matrix.set(savedMatrix);
                                matrix.postTranslate(event.getX() - start.x, event.getY()
                                                - start.y);
                        } else if (mode == ZOOM) {
                                float newDist = spacing(event);
                                //Log.d(TAG, "newDist=" + newDist);
                                if (newDist > 10f) {
                                        matrix.set(savedMatrix);
                                        float scale = newDist / oldDist;
                                        matrix.postScale(scale, scale, mid.x, mid.y);
                                }
                        }
                        break;
                }

                view.setImageMatrix(matrix);
                return true; // indicate event was handled
        }

        private void dumpEvent(MotionEvent event) {
                String names[] = { "DOWN", "UP", "MOVE", "CANCEL", "OUTSIDE",
                                "POINTER_DOWN", "POINTER_UP", "7?", "8?", "9?" };
                StringBuilder sb = new StringBuilder();
                int action = event.getAction();
                int actionCode = action & MotionEvent.ACTION_MASK;
                sb.append("event ACTION_").append(names[actionCode]);
                if (actionCode == MotionEvent.ACTION_POINTER_DOWN
                                || actionCode == MotionEvent.ACTION_POINTER_UP) {
                        sb.append("(pid ").append(
                                        action >> MotionEvent.ACTION_POINTER_ID_SHIFT);
                        sb.append(")");
                }
                sb.append("[");
                for (int i = 0; i < event.getPointerCount(); i++) {
                        sb.append("#").append(i);
                        sb.append("(pid ").append(event.getPointerId(i));
                        sb.append(")=").append((int) event.getX(i));
                        sb.append(",").append((int) event.getY(i));
                        if (i + 1 < event.getPointerCount())
                                sb.append(";");
                }
                sb.append("]");
                //Log.d(TAG, sb.toString());
        } 


/**
 *       :
 */
private float spacing(MotionEvent event) {
	float x = event.getX(0) - event.getX(1);
	float y = event.getY(0) - event.getY(1);
	return FloatMath.sqrt(x * x + y * y);
}
/**
 *       
 */
private void midPoint(PointF point, MotionEvent event) {
	float x = event.getX(0) + event.getX(1);
	float y = event.getY(0) + event.getY(1);
	point.set(x/2, y/2);
}
以上のコードをMutlityPoint TouchListener.javaに書いて、それからあなたの相応するピクチャーに対してOnTouch Listenerを行います。例えば、imagew.set OnTouchListener(new MutlityPoint TouchListener);xmlで画像の拡大縮小フォーマットをMatrixに変更します。