Android中自定义ImageView实现图片放大缩小的功能

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
/**
 * 对图片进行放大缩小
 * Created by acer-pc on 2018/8/21.
 */

public class DoubleScaleImageView  extends AppCompatImageView implements View.OnTouchListener, ViewTreeObserver.OnGlobalLayoutListener {
    private boolean isFirst = false;
    private float doubleScale;// 双击放大的值
    private Matrix mScaleMatrix;
    private float defaultScale;// 默认的缩放值
    private int mLastPinterCount;// 记录上一次多点触控的数量
    private float mLastX;
    private float mLastY;
    private int mTouchSlop;
    private boolean isCanDrag;
    private boolean isCheckLeft;
    private boolean isCheckTop;
    private GestureDetector mGestureDetector;
    public DoubleScaleImageView(Context context) {
        this(context, null);
    }
    public DoubleScaleImageView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }
    @SuppressLint("ClickableViewAccessibility")
    public DoubleScaleImageView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        mScaleMatrix = new Matrix();
        setScaleType(ScaleType.MATRIX);
        setOnTouchListener(this);
        // getScaledTouchSlop是一个距离，表示滑动的时候，手的移动要大于这个距离才开始移动控件。如果小于这个距离就不触发移动控件
        mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();
        mGestureDetector = new GestureDetector(context, new GestureDetector.SimpleOnGestureListener() {
            @Override
            public boolean onDoubleTap(MotionEvent e) {
                float x = e.getX();
                float y = e.getY();
                if (getScale() < doubleScale) {
                    mScaleMatrix.postScale(doubleScale / getScale(), doubleScale / getScale(), x, y);// 放大
                }
                else {
                    mScaleMatrix.postScale(defaultScale / getScale(), defaultScale / getScale(), x, y);// 缩小
                }
                setImageMatrix(mScaleMatrix);
                return super.onDoubleTap(e);
            }
        });
    }
    @Override
    protected void onAttachedToWindow() {// view附加到窗体上时调用该方法
        super.onAttachedToWindow();
        getViewTreeObserver().addOnGlobalLayoutListener(this);
    }
    @SuppressWarnings("deprecation")
    @Override
    protected void onDetachedFromWindow() {// 将视图从窗体上分离的时候调用该方法。
        super.onDetachedFromWindow();
        getViewTreeObserver().removeGlobalOnLayoutListener(this);
    }
    @Override
    public void onGlobalLayout() {// 在这个方法中获取ImageView加载完成后的图片
        if (!isFirst) {
            // 获取控件的宽度和高度
            int width = getWidth();
            int height = getHeight();
            // 得到我们的图片以及图片的宽度及高度
            Drawable drawable = getDrawable();
            if (drawable == null) { return; }
            int imageWidth = drawable.getIntrinsicWidth();// 图片的宽度
            int imageHeight = drawable.getIntrinsicHeight();// 图片的高度
            float scale = 1.0f;
            // 如果图片宽度大于控件宽度，但是图片高度小于控件 高度，我们要缩小图片
            if (imageWidth > width && imageHeight < height) {
                scale = width * 1.0f / imageWidth;
            }
            // 如果图片宽度小于控件宽度，但是图片高度大于控件 高度，我们要缩小图片
            if (imageWidth < width && imageHeight > height) {
                scale = height * 1.0f / imageHeight;
            }
            // 如果图片的宽度都 大于或小于控件宽度，我们则要对图片进行对应缩放，保证图片占满控件
            if ((imageWidth > width && imageHeight > height) || (imageWidth < width && imageHeight < height)) {
                scale = Math.min(width * 1.0f / imageWidth, height * 1.0f / imageHeight);
            }
            // 初始化对应的缩放值
            defaultScale = scale;
            doubleScale = defaultScale * 2;
            // 图片缩放后，将图片要移动到控件中心
            int dx = width / 2 - imageWidth / 2;
            int dy = height / 2 - imageHeight / 2;
            mScaleMatrix.postTranslate(dx, dy);
            mScaleMatrix.postScale(defaultScale, defaultScale, width / 2, height / 2);
            setImageMatrix(mScaleMatrix);
            isFirst = true;
        }
    }
    @SuppressLint("ClickableViewAccessibility")
    @Override
    public boolean onTouch(View v, MotionEvent event) {
        if (mGestureDetector.onTouchEvent(event)) { return true; }
        float x = 0;
        float y = 0;
        int pointerCount = event.getPointerCount();// 获取放在屏幕上的手指数量
        for (int i = 0; i < pointerCount; i++) {
            x += event.getX(i);
            y += event.getY(i);
        }
        x /= pointerCount;
        y /= pointerCount;
        if (mLastPinterCount != pointerCount) {
            isCanDrag = false;
            mLastX = x;
            mLastY = y;

        }
        mLastPinterCount = pointerCount;
        switch (event.getAction()) {
            case MotionEvent.ACTION_MOVE:
                float dx = x - mLastX;
                float dy = y - mLastY;
                isCanDrag = isMove(dx, dy);
                if (isCanDrag) {
                    RectF rectf = getMatrixRectf();
                    if (null != getDrawable()) {
                        isCheckLeft = isCheckTop = true;
                        if (rectf.width() < getWidth()) {// 如果图片宽度小于控件宽度（屏幕宽度）不允许横向移动
                            dx = 0;
                            isCheckLeft = false;
                        }
                        if (rectf.height() < getHeight()) {// 如果图片高度小于控件高度（屏幕高度）不允许纵向移动
                            dy = 0;
                            isCheckTop = false;
                        }
                        mScaleMatrix.postTranslate(dx, dy);
                        checkTranslateWithBorder();
                        setImageMatrix(mScaleMatrix);
                    }
                }
                mLastX = x;
                mLastY = y;
                break;
            case MotionEvent.ACTION_UP:
            case MotionEvent.ACTION_CANCEL:
                mLastPinterCount = 0;
                break;
        }
        return true;
    }
    /**
     * 移动图片时进行边界检查
     */
    private void checkTranslateWithBorder() {
        RectF rectf = getMatrixRectf();
        float delX = 0;
        float delY = 0;
        int width = getWidth();
        int height = getHeight();
        if (rectf.top > 0 && isCheckTop) {
            delY = -rectf.top;
        }
        if (rectf.bottom < height && isCheckTop) {
            delY = height - rectf.bottom;
        }
        if (rectf.left > 0 && isCheckLeft) {
            delX = -rectf.left;
        }
        if (rectf.right < width && isCheckLeft) {
            delX = width - rectf.right;
        }
        mScaleMatrix.postTranslate(delX, delY);
    }
    // 判断是否有移动
    private boolean isMove(float x, float y) {
        return Math.sqrt(x * x + y * y) > mTouchSlop;
    }
    /**
     * 获取图片的位置
     */
    private RectF getMatrixRectf() {
        Matrix matrix = mScaleMatrix;
        RectF recft = new RectF();
        if (getDrawable() != null) {
            recft.set(0, 0, getDrawable().getIntrinsicWidth(), getDrawable().getIntrinsicHeight());
            matrix.mapRect(recft);
        }
        return recft;
    }

    // 获取当前图片的缩放值
    private float getScale() {
        float values[] = new float[9];
        mScaleMatrix.getValues(values);
        return values[Matrix.MSCALE_X];
    }
}