Android Matrix圖片隨意的放大縮小,拖動,翻頁

今天認著有時間，也就模仿他的功能寫了一下，遇到不少的挫折，看不了不少的資料，希望今天的功夫沒有白做，也希望對大家有幫助

在怎麼說功能實現了，並結合自己現在所做的項目，進行了些許的改動，感覺更容易普及的使用，因為我們很多時候要從網上下載圖片

然後對圖片進行浏覽什麼的。 

 在做之前，說下思路：

 目標： 實現 拖，拉，拽，擴大，縮小，以及翻屏

主要分兩個大的方向：

    1  拖，拉，拽，擴大，縮小 在本屏幕操作

    2  翻屏是的額外的做，也並不是隨意的就能翻屏，必須滿足條件

   但是當我們實現OnTouchListener 時候，他提供的只有 ACTION_DOWN, ACTION_MOVE, ACTION_UP 等操作

所以我們必須分情況，並且是三種情況：

   第一種： none  可能用戶什麼也不做

   第二種： DRAG  滑屏

   第三種： ZOOM 擴大縮小

 同時本程序考慮到有的Android山寨手機可能還不支持多點觸摸，所以同時加入了兩個button ，不支持的多點觸摸的也能對圖片進行動態的擴大或者縮小

當然主要用的知識點就是Matrix 矩陣的一些常用方法，擴大，縮小，平移，偏移，剩下的都是一點皮毛的算法邏輯了，代碼自己看啊 

下面是代碼：

1. /* 
2.  * @project testbmplarge 
3.  * @package com.bmp.large 
4.  * @file testactivity.java 
5.  * @version  1.0 
6.  * @author  yourname 
7.  * @time  2012-1-6 ����10:58:20 
8.  * CopyRight:������������Ϣ�������޹�˾ 2012-1-6 
9.  */  
10. package com.bmp.large;  
11.   
12. import android.app.Activity;  
13. import android.graphics.Bitmap;  
14. import android.graphics.BitmapFactory;  
15. import android.graphics.Matrix;  
16. import android.graphics.PointF;  
17. import android.os.Bundle;  
18. import android.util.DisplayMetrics;  
19. import android.util.FloatMath;  
20. import android.util.Log;  
21. import android.view.GestureDetector;  
22. import android.view.MotionEvent;  
23. import android.view.View;  
24. import android.view.GestureDetector.OnGestureListener;  
25. import android.view.View.OnClickListener;  
26. import android.view.View.OnTouchListener;  
27. import android.widget.Button;  
28. import android.widget.ImageView;  
29. import android.widget.Toast;  
30.   
31. public class testactivity extends Activity implements OnTouchListener,OnClickListener{  
32.     /* 
33.      * 
34.      * Class Descripton goes here. 
35.      * 
36.      * @class testactivity 
37.      * @version  1.0 
38.      * @author  yourname 
39.      * @time  2012-1-6 ����10:58:20 
40.      */  
41.     private Button big,small;  
42.     private  Bitmap newbitmap;  
43.     private GestureDetector mGestureDetector;  
44.     Matrix matrix = new Matrix();  
45.     Matrix savedMatrix = new Matrix();  
46.     ImageView bmp;  
47.     PointF first = new PointF();  
48.     PointF start = new PointF();  
49.     PointF mid = new PointF();;  
50.     private float oldDist;  
51.     static final int NONE = 0;  
52.     static final int DRAG = 1;  
53.     static final int ZOOM = 2;  
54.     int mode = NONE;  
55.     private long beginTime,endTime;  
56.      @Override  
57.      public void onCreate(Bundle savedInstanceState)    {  
58.       super.onCreate(savedInstanceState);  
59.       /*display.xml Layout */  
60.       setContentView(R.layout.main);  
61.       
62.       big = (Button)this.findViewById(R.id.big);  
63.       small = (Button)this.findViewById(R.id.small);  
64.       
65.       big.setOnClickListener(this);  
66.       small.setOnClickListener(this);  
67.        
68.       //獲取手機屏幕的寬和高   
69.       DisplayMetrics dm = new DisplayMetrics();     
70.       getWindowManager().getDefaultDisplay().getMetrics(dm);    
71.       
72.       int width = dm.widthPixels;  
73.       int height = dm.heightPixels;  
74.         
75.         
76.       // 獲取圖片本身的寬 和高   
77.       Bitmap mybitmap=BitmapFactory.decodeResource(getResources(), R.drawable.default_head);  
78.       System.out.println("old==="+mybitmap.getWidth());  
79.         
80.       int widOrg=mybitmap.getWidth();  
81.       int heightOrg=mybitmap.getHeight();  
82.         
83.       // 寬 高 比列   
84.       float scaleWid = (float)width/widOrg;  
85.       float scaleHeight = (float)height/heightOrg;  
86.       float scale;  
87.         
88.       bmp = (ImageView)this.findViewById(R.id.bmp);  
89.         
90.       // 如果寬的 比列大於搞的比列 則用高的比列 否則用寬的   
91.         
92.         
93.       if(scaleWid>scaleHeight)  
94.       {  
95.           scale = scaleHeight;  
96.       }  
97.       else  
98.           scale = scaleWid;  
99.         
100.  //     matrix=new Matrix();   
101.       bmp.setImageBitmap(mybitmap);  
102.         
103.       matrix.postScale(scale,scale);  
104.        
105.       bmp.setImageMatrix(matrix);  
106.         
107.       bmp.setOnTouchListener(this);  
108.        
109.       bmp.setLongClickable(true);  
110.       
111.       savedMatrix.set(matrix);  
112.      }  
113.       @Override  
114.     public boolean onTouch(View v, MotionEvent event) {  
115.         // TODO Auto-generated method stub   
116. //        mGestureDetector.onTouchEvent(event);   
117.           System.out.println("action==="+event.getAction());  
118.           switch(event.getAction()& MotionEvent.ACTION_MASK)  
119.           {  
120.             case MotionEvent.ACTION_DOWN:  
121.                   
122.                 beginTime = System.currentTimeMillis();  
123.                   
124.                 mode = DRAG;  
125.                 System.out.println("down");  
126.                 first.set(event.getX(), event.getY());  
127.                 start.set(event.getX(), event.getY());  
128.                 break;  
129.             case MotionEvent.ACTION_UP:  
130.                   
131.                 endTime = System.currentTimeMillis();  
132.                   
133.                 System.out.println("endTime=="+(endTime - beginTime));  
134.                 float x = event.getX(0) - first.x;  
135.                 float y = event.getY(0) - first.y;  
136.                 // 多長的距離   
137.                 float move = FloatMath.sqrt(x * x + y * y);  
138.                   
139.                 System.out.println("move=="+(move));  
140.                   
141.                 // 計算時間和移動的距離  來判斷你想要的操作，經過測試90%情況能滿足   
142.                 if(endTime - beginTime<500&&move>20)  
143.                 {  
144.                     //這裡就是做你上一頁下一頁的事情了。   
145.                     Toast.makeText(this, "----do something-----", 1000).show();  
146.                 }  
147.                 break;  
148.             case MotionEvent.ACTION_MOVE:  
149.                   
150.                 System.out.println("move");  
151.                 if(mode == DRAG)  
152.                 {  
153.                     matrix.postTranslate(event.getX()-start.x, event.getY()-start.y);  
154.                     start.set(event.getX(), event.getY());  
155.                 }  
156.                 else  
157.                 {  
158.                     float newDist = spacing(event);  
159.                     if (newDist > 10f) {  
160. //                  matrix.set(savedMatrix);   
161.                     float scale = newDist / oldDist;  
162.                     System.out.println("scale=="+scale);  
163.                     matrix.postScale(scale, scale, mid.x, mid.y);  
164.                     }  
165.                     oldDist = newDist;  
166.                 }  
167.                 break;  
168.             case MotionEvent.ACTION_POINTER_DOWN:  
169.                 oldDist = spacing(event);  
170.                 if (oldDist > 10f) {  
171.                     midPoint(mid, event);  
172.                     mode = ZOOM;  
173.                     }  
174.                 System.out.println("ACTION_POINTER_DOWN");  
175.                 break;  
176.             case MotionEvent.ACTION_POINTER_UP:  
177.                 System.out.println("ACTION_POINTER_UP");  
178.                 break;  
179.           }  
180.           bmp.setImageMatrix(matrix);  
181.         return false;  
182.     }  
183.   
184.       
185.   
186.     @Override  
187.     public void onClick(View v) {  
188.         // TODO Auto-generated method stub   
189.         if(v==small)  
190.         {  
191.             matrix.postScale(0.5f,0.5f,0,0);  
192. //          matrix.setScale(0.5f, 0.5f);   
193.             bmp.setImageMatrix(matrix);  
194.         }  
195.         else  
196.         {  
197.             matrix.postScale(2f,2f);  
198. //          matrix.setScale(2f,2f);   
199.             bmp.setImageMatrix(matrix);  
200.         }  
201.     }  
202.     /** 
203.      * 計算拖動的距離 
204.      * @param event 
205.      * @return 
206.      */  
207.     private float spacing(MotionEvent event) {  
208.         float x = event.getX(0) - event.getX(1);  
209.         float y = event.getY(0) - event.getY(1);  
210.         return FloatMath.sqrt(x * x + y * y);  
211.     }  
212.     /** 
213.      * 計算兩點的之間的中間點 
214.      * @param point 
215.      * @param event 
216.      */  
217.       
218.     private void midPoint(PointF point, MotionEvent event) {  
219.         float x = event.getX(0) + event.getX(1);  
220.         float y = event.getY(0) + event.getY(1);  
221.         point.set(x / 2, y / 2);  
222.     }  
223. }