正文

Android实现ImageView图片双击放大及缩小

︶ㄣ米米素材网 メ
米米素材网V管理员 / 阅读
0717

这篇文章主要介绍了Android实现ImageView图片双击放大及缩小的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例介绍了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
public class DoubleScaleImageView extends ImageView implements OnTouchListener, 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;
  }
  /**
   * 移动图片时进行边界检查
   * @description：
   * @date 2016-1-8 下午4:02:24
   */
  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;
  }
  /**
   * 获取图片的位置
   * @description：
   * @date 2016-1-8 上午9:02:10
   */
  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];
  }
}

以上就是安卓实现ImageView图片双击放大及缩小的全部代码，希望对大家的学习有所帮助。