web-dev-qa-db-ja.com

androidピンチズーム

レイアウトにボタン、テキストビューなどが含まれています。レイアウトにピンチズームを実装することは可能ですか?

47
Bytecode

あなたを助けるかもしれない次のリンクをチェックしてください

最適な例を以下のリンクに示しますが、要件に合わせてリファクタリングできます。

  1. ピンチ-ズーム-ジェスチャーの実装

  2. Android-pinch

  3. GestureDetector.SimpleOnGestureListener

44

Android 2.2+(api level8))の場合、ScaleGestureDetectorを使用できます。

メンバーが必要です:

private ScaleGestureDetector mScaleDetector;

コンストラクター(またはonCreate())に以下を追加します。

mScaleDetector = new ScaleGestureDetector(context, new OnScaleGestureListener() {
    @Override
    public void onScaleEnd(ScaleGestureDetector detector) {
    }
    @Override
    public boolean onScaleBegin(ScaleGestureDetector detector) {
        return true;
    }
    @Override
    public boolean onScale(ScaleGestureDetector detector) {
        Log.d(LOG_KEY, "zoom ongoing, scale: " + detector.getScaleFactor());
        return false;
    }
});

OnTouchEventをオーバーライドします。

@Override
public boolean onTouchEvent(MotionEvent event) {
    mScaleDetector.onTouchEvent(event);
    return true;
}

手動でビューを描画する場合は、onScale()でメンバーにスケールファクターを保存し、onDraw()で描画するときにinvalidate()を呼び出してスケールファクターを使用します。それ以外の場合は、onScale()でフォントサイズなどを直接変更できます。

36

this チュートリアルを使用して、TextViewにピンチズームを実装しました。結果のコードは次のとおりです。

private GestureDetector gestureDetector;
private View.OnTouchListener gestureListener;

およびonCreate()で:

    // Zoom handlers
    gestureDetector = new GestureDetector(new MyGestureDetector());
    gestureListener = new View.OnTouchListener() {

        // We can be in one of these 2 states
        static final int NONE = 0;
        static final int ZOOM = 1;
        int mode = NONE;

        static final int MIN_FONT_SIZE = 10;
        static final int MAX_FONT_SIZE = 50;

        float oldDist = 1f;

        @Override
        public boolean onTouch(View v, MotionEvent event) {
            TextView textView = (TextView) findViewById(R.id.text);

            switch (event.getAction() & MotionEvent.ACTION_MASK) {
                case MotionEvent.ACTION_POINTER_DOWN:
                    oldDist = spacing(event);
                    Log.d(TAG, "oldDist=" + oldDist);
                    if (oldDist > 10f) {
                       mode = ZOOM;
                       Log.d(TAG, "mode=ZOOM" );
                    }
                    break;
                case MotionEvent.ACTION_POINTER_UP:
                    mode = NONE;
                    break;
                case MotionEvent.ACTION_MOVE:
                    if (mode == ZOOM) {
                        float newDist = spacing(event);
                        // If you want to Tweak font scaling, this is the place to go.
                        if (newDist > 10f) {
                            float scale = newDist / oldDist;

                            if (scale > 1) {
                                scale = 1.1f;
                            } else if (scale < 1) {
                                scale = 0.95f;
                            }

                            float currentSize = textView.getTextSize() * scale;
                            if ((currentSize < MAX_FONT_SIZE && currentSize > MIN_FONT_SIZE)
                                    ||(currentSize >= MAX_FONT_SIZE && scale < 1)
                                    || (currentSize <= MIN_FONT_SIZE && scale > 1)) {
                                textView.setTextSize(TypedValue.COMPLEX_UNIT_PX, currentSize);
                            }
                        }
                    }
                    break;
                }
            return false;
        }

魔法の定数1.1と0.95が経験的に選択されました(この目的でscale変数を使用すると、TextViewの動作がおかしくなりました)。

15
folone

仕事をしてくれて、私のために完璧に働いたこのプロジェクトもあります: https://github.com/chrisbanes/PhotoView

5
BoD

ハニカム、APIレベル11では、可​​能です。setScalaXとsetScaleYをピボットポイントで使用できます
ここで説明しました
ビューを完全にズーム
ピンチズームで完全に表示

4

Android 2.1+をサポートする基本的なピンチズーム用のプロジェクトを作成しました

利用可能 ここ

1
Jason Polites

私はこれを非常にうまく行うオープンソースライブラリを持っています。すぐに使えるパンズーム設定を備えた4つのジェスチャライブラリです。ここで見つけることができます: https://bitbucket.org/warwick/hacergestov またはここからデモアプリをダウンロードできます: https://play.google.com/store/apps /details?id=com.WarwickWestonWright.HacerGestoV3Demo これは純粋なキャンバスライブラリであるため、あらゆるシナリオで使用できます。お役に立てれば。

0
user2288580