Android 自定义ImageView支持缩放，拖拽，方便复用

今天刚发了一篇关于ImageView的缩放和拖拽的博客，然后我想了下，将他自定义下,方便我们来复用这个imageView，效果我就不多说了，http://blog.csdn.net/xiaanming/article/details/8827257就是这个效果，我只是把他抽出来自定义了下，代码还是贴上吧，我也将demo上传一下，有疑问大家指出来，大家共同学习，共同进步，呵呵

1. package com.example.myimageview;
2. import android.content.Context;
3. import android.graphics.Bitmap;
4. import android.graphics.Matrix;
5. import android.graphics.PointF;
6. import android.graphics.RectF;
7. import android.graphics.drawable.BitmapDrawable;
8. import android.util.AttributeSet;
9. import android.util.DisplayMetrics;
10. import android.util.FloatMath;
11. import android.view.MotionEvent;
12. import android.view.View;
13. import android.widget.ImageView;
14. public class MyImageView extends ImageView{
15. Matrix matrix = new Matrix();
16. Matrix savedMatrix = new Matrix();
17. /**位图对象*/
18. private Bitmap bitmap = null;
19. /** 屏幕的分辨率*/
20. private DisplayMetrics dm;
21. /** 最小缩放比例*/
22. float minScaleR = 1.0f;
23. /** 最大缩放比例*/
24. static final float MAX_SCALE = 15f;
25. /** 初始状态*/
26. static final int NONE = 0;
27. /** 拖动*/
28. static final int DRAG = 1;
29. /** 缩放*/
30. static final int ZOOM = 2;
31. /** 当前模式*/
32. int mode = NONE;
33. /** 存储float类型的x，y值，就是你点下的坐标的X和Y*/
34. PointF prev = new PointF();
35. PointF mid = new PointF();
36. float dist = 1f;
37. public MyImageView(Context context) {
38. super(context);
39. setupView();
40. }
41. public MyImageView(Context context, AttributeSet attrs) {
42. super(context, attrs);
43. setupView();
44. }
45. public void setupView(){
46. Context context = getContext();
47. //获取屏幕分辨率,需要根据分辨率来使用图片居中
48. dm = context.getResources().getDisplayMetrics();
49. //根据MyImageView来获取bitmap对象
50. BitmapDrawable bd = (BitmapDrawable)this.getDrawable();
51. if(bd != null){
52. bitmap = bd.getBitmap();
53. }
54. //设置ScaleType为ScaleType.MATRIX，这一步很重要
55. this.setScaleType(ScaleType.MATRIX);
56. this.setImageBitmap(bitmap);
57. //bitmap为空就不调用center函数
58. if(bitmap != null){
59. center(true, true);
60. }
61. this.setImageMatrix(matrix);
62. this.setOnTouchListener(new OnTouchListener() {
63. @Override
64. public boolean onTouch(View v, MotionEvent event) {
65. switch (event.getAction() & MotionEvent.ACTION_MASK) {
66. // 主点按下
67. case MotionEvent.ACTION_DOWN:
68. savedMatrix.set(matrix);
69. prev.set(event.getX(), event.getY());
70. mode = DRAG;
71. break;
72. // 副点按下
73. case MotionEvent.ACTION_POINTER_DOWN:
74. dist = spacing(event);
75. // 如果连续两点距离大于10，则判定为多点模式
76. if (spacing(event) > 10f) {
77. savedMatrix.set(matrix);
78. midPoint(mid, event);
79. mode = ZOOM;
80. }
81. break;
82. case MotionEvent.ACTION_UP:{
83. break;
84. }
85. case MotionEvent.ACTION_POINTER_UP:
86. mode = NONE;
87. //savedMatrix.set(matrix);
88. break;
89. case MotionEvent.ACTION_MOVE:
90. if (mode == DRAG) {
91. matrix.set(savedMatrix);
92. matrix.postTranslate(event.getX() - prev.x, event.getY()
93. - prev.y);
94. } else if (mode == ZOOM) {
95. float newDist = spacing(event);
96. if (newDist > 10f) {
97. matrix.set(savedMatrix);
98. float tScale = newDist / dist;
99. matrix.postScale(tScale, tScale, mid.x, mid.y);
100. }
101. }
102. break;
103. }
104. MyImageView.this.setImageMatrix(matrix);
105. CheckView();
106. return true;
107. }
108. });
109. }
110. /**
111. * 横向、纵向居中
112. */
113. protected void center(boolean horizontal, boolean vertical) {
114. Matrix m = new Matrix();
115. m.set(matrix);
116. RectF rect = new RectF(0, 0, bitmap.getWidth(), bitmap.getHeight());
117. m.mapRect(rect);
118. float height = rect.height();
119. float width = rect.width();
120. float deltaX = 0, deltaY = 0;
121. if (vertical) {
122. // 图片小于屏幕大小，则居中显示。大于屏幕，上方留空则往上移，下方留空则往下移
123. int screenHeight = dm.heightPixels;
124. if (height < screenHeight) {
125. deltaY = (screenHeight - height) / 2 - rect.top;
126. } else if (rect.top > 0) {
127. deltaY = -rect.top;
128. } else if (rect.bottom < screenHeight) {
129. deltaY = this.getHeight() - rect.bottom;
130. }
131. }
132. if (horizontal) {
133. int screenWidth = dm.widthPixels;
134. if (width < screenWidth) {
135. deltaX = (screenWidth - width) / 2 - rect.left;
136. } else if (rect.left > 0) {
137. deltaX = -rect.left;
138. } else if (rect.right < screenWidth) {
139. deltaX = screenWidth - rect.right;
140. }
141. }
142. matrix.postTranslate(deltaX, deltaY);
143. }
144. /**
145. * 限制最大最小缩放比例，自动居中
146. */
147. private void CheckView() {
148. float p[] = new float[9];
149. matrix.getValues(p);
150. if (mode == ZOOM) {
151. if (p[0] < minScaleR) {
152. //Log.d("", "当前缩放级别:"+p[0]+",最小缩放级别:"+minScaleR);
153. matrix.setScale(minScaleR, minScaleR);
154. }
155. if (p[0] > MAX_SCALE) {
156. //Log.d("", "当前缩放级别:"+p[0]+",最大缩放级别:"+MAX_SCALE);
157. matrix.set(savedMatrix);
158. }
159. }
160. center(true, true);
161. }
162. /**
163. * 两点的距离
164. */
165. private float spacing(MotionEvent event) {
166. float x = event.getX(0) - event.getX(1);
167. float y = event.getY(0) - event.getY(1);
168. return FloatMath.sqrt(x * x + y * y);
169. }
170. /**
171. * 两点的中点
172. */
173. private void midPoint(PointF point, MotionEvent event) {
174. float x = event.getX(0) + event.getX(1);
175. float y = event.getY(0) + event.getY(1);
176. point.set(x / 2, y / 2);
177. }
178. }

布局文件需要注意了，使用 <com.example.myimageview.MyImageView></com.example.myimageview.MyImageView>标签，怕一些新手不知道，别怪我啰嗦

1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
2. xmlns:tools="http://schemas.android.com/tools"
3. android:layout_width="fill_parent"
4. android:layout_height="fill_parent" >
5. <com.example.myimageview.MyImageView
6. android:id="@+id/imageview"
7. android:layout_width="fill_parent"
8. android:layout_height="fill_parent"
9. android:src="@drawable/item" >
10. </com.example.myimageview.MyImageView>
11. </RelativeLayout>

新建一个MainActivity咯，

1. package com.example.myimageview;
2. import android.app.Activity;
3. import android.os.Bundle;
4. public class MainActivity extends Activity {
5. @Override
6. protected void onCreate(Bundle savedInstanceState) {
7. super.onCreate(savedInstanceState);
8. setContentView(R.layout.activity_main);
9. MyImageView myImageView = (MyImageView)findViewById(R.id.imageview);
10. myImageView.setImageDrawable(getResources().getDrawable(R.drawable.item1));
11. }
12. }

项目源码，点击下载