图片的移动和缩放

1，找到图片，设置图片的触摸事件。

2，指定图片的缩放类型。

清单文件代码：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <!-- android:scaleType="matrix" 指定图片的缩放类型 -->

    <ImageView
        android:id="@+id/iv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:scaleType="matrix"
        android:src="@drawable/happiness" />

</LinearLayout>

具体代码：

package com.android.hzy.dragscale;

import android.app.Activity;
import android.graphics.Matrix;
import android.graphics.PointF;
import android.os.Bundle;
import android.util.FloatMath;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.ImageView;

public class MainActivity extends Activity {

    private ImageView iv;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        iv = (ImageView) findViewById(R.id.iv);
        iv.setOnTouchListener(new MyOnTouchListener());
    }

    private final class MyOnTouchListener implements OnTouchListener {

        private PointF startPoint = new PointF(); // 初始点
        private Matrix mCurrentMatrix = new Matrix(); // 图片初始的matrix值
        private Matrix mMatrix = new Matrix(); // 一个临时的matrix

        private PointF midPointF; // 中心点
        private float midDistance; // 两点间的距离

        private int type = 0;
        private final static int DRAG = 1;
        private final static int SCALE = 2;

        @Override
        public boolean onTouch(View v, MotionEvent event) {
            // TODO Auto-generated method stub
            int action = event.getAction() & MotionEvent.ACTION_MASK; // 得到动作的类型
                                                                        // 只有低8位有效,&255即可
            switch (action) {
            case MotionEvent.ACTION_DOWN: // 手指按下
                float x = event.getX();
                float y = event.getY();
                startPoint.set(x, y);
                mCurrentMatrix.set(iv.getImageMatrix()); // 图片没有移动的位置
                type = DRAG;
                break;

            case MotionEvent.ACTION_POINTER_1_DOWN:// 屏幕上已经有一根手指,再按下一根手指
                mCurrentMatrix.set(iv.getImageMatrix()); // 图片没有缩放的大小
                midPointF = getMidPointF(event);
                midDistance = getMidDistance(event);
                type = SCALE;
                break;

            case MotionEvent.ACTION_MOVE: // 手指一动
                if (type == DRAG) { // 移动
                    // 将原先没有移动的matrix放进临时的matrix
                    mMatrix.set(mCurrentMatrix);
                    float dx = event.getX() - startPoint.x;
                    float dy = event.getY() - startPoint.y;
                    mMatrix.postTranslate(dx, dy);
                } else if (type == SCALE) { // 缩放
                    mMatrix.set(mCurrentMatrix); // 设置当前的
                    float distance = getMidDistance(event); // 得到当前两个手指间的距离
                    float sx = distance / midDistance; // 得到缩放的倍数
                    mMatrix.postScale(sx, sx, midPointF.x, midPointF.y);
                }
                break;

            case MotionEvent.ACTION_UP: // 手指弹起
            case MotionEvent.ACTION_POINTER_1_UP: // 弹起一根手指,屏幕上还有一根手指
                type = 0; // 手指弹起就置为0
                break;

            default:
                break;
            }
            iv.setImageMatrix(mMatrix); // 将拖动后的matrix设置到图片
            return true;
        }
    }

    /**
     * 获取中心点
     * 
     * @param event
     * @return
     */
    private PointF getMidPointF(MotionEvent event) {
        // (后面的手指 + 前面的手指)/2
        float x = (event.getX(1) + event.getX(0)) / 2;
        float y = (event.getY(1) + event.getY(0)) / 2;
        return new PointF(x, y);
    }

    /**
     * 计算两点之间的距离
     * 
     * @param event
     * @return
     */
    private float getMidDistance(MotionEvent event) {

        float dx = event.getX(1) - event.getX(0);
        float dy = event.getX(1) - event.getX(0);

        return FloatMath.sqrt(dx * dx + dy * dy);
    }

}