[转]Muilti-touch 双指缩放的实现探索
本文轉自：http://blog.csdn.net/barryhappy/article/details/7392326
Multi-Touch（多點觸控）可謂是現(xiàn)代智能手機最令人贊嘆的功能之一，想當年喬爺?shù)谝淮卧趇phone的發(fā)布會上演示多點觸控功能的時候，臺下的掌聲和口哨聲那叫熱烈啊~~~~
本文主要討論文字縮放，以TextView為例。
先放上效果圖吧：
??
兩指縮放的基本原理：判斷當前在TextView上的點有幾個，當有兩個（或更多時）點，并且點之間的距離在不斷增大時，放大文字；反之縮小文字。設置文字的方法是調(diào)用textView的setTextSize(float)方法。
要實現(xiàn)觸摸事件，需要給textView加上setOnTouchListener(lisntener)方法。主類的代碼可為：
MainActivity.java
?
[java] view plaincopyprint?public class MainActivity extends Activity { TextView textView = null; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); textView = (TextView) findViewById(R.id.textView); textView.setText("道德三皇五帝,\n" + "功名夏后商周.\n" + "英雄五霸鬧春秋,\n" + "頃刻興亡過手.\n" + "青史幾行名姓,\n" + "北邙無數(shù)荒丘.\n" + "前人田地后人收,\n" + "說甚龍爭虎斗."); textView.setOnTouchListener(new ZoomListenter()); } }
ZoomListener即是下面將要寫的監(jiān)聽觸摸事件的類。
首先要實現(xiàn)OnTouchListener接口，然后重寫方法
?
[java] view plaincopyprint?public boolean onTouch(View v, MotionEvent event);從這個方法中我們就可以獲取實現(xiàn)兩指縮放功能的全部信息。
?
View v是觸發(fā)事件的源，MotionEvent event即一個觸摸事件。我們對屏幕的幾乎所有操作都會觸發(fā)事件，如點擊、放開、滑動等。
不同的事件在MotionEvent中有不同的id，我們可以根據(jù)event.getAction() & MotionEvent.ACTION_MASK的結果來判斷是何種事件。
有如下事件使我們要用到的：
?
- MotionEvent.ACTION_DOWN：在第一個點被按下時觸發(fā)
- MotionEvent.ACTION_UP:當屏幕上唯一的點被放開時觸發(fā)
- MotionEvent.ACTION_POINTER_DOWN:當屏幕上已經(jīng)有一個點被按住，此時再按下其他點時觸發(fā)。
- MotionEvent.ACTION_POINTER_UP:當屏幕上有多個點被按住，松開其中一個點時觸發(fā)（即非最后一個點被放開時）。
- MotionEvent.ACTION_MOVE：當有點在屏幕上移動時觸發(fā)。值得注意的是，由于它的靈敏度很高，而我們的手指又不可能完全靜止（即使我們感覺不到移動，但其實我們的手指也在不停地抖動），所以實際的情況是，基本上只要有點在屏幕上，此事件就會一直不停地被觸發(fā)。
?
舉例子來說：當我們放一個食指到屏幕上時，觸發(fā)ACTION_DOWN事件；再放一個中指到屏幕上，觸發(fā)ACTION_POINTER_DOWN事件；此時再把食指或中指放開，都會觸發(fā)ACTION_POINTER_UP事件；再放開最后一個手指，觸發(fā)ACTION_UP事件；而同時在整個過程中，ACTION_MOVE事件會一直不停地被觸發(fā)。
event.getX(index)和event.getY(index)可以獲取到指定index點的坐標，所以當屏幕上有兩個點的時候，我們用如下方法來獲取兩點間的距離：
?
[java] view plaincopyprint? private float spacing(MotionEvent event) { float x = event.getX(0) - event.getX(1); float y = event.getY(0) - event.getY(1); return FloatMath.sqrt(x * x + y * y); }
?
由以上事件觸發(fā)的原理，就可以根據(jù)被觸發(fā)的不同事件來判斷當前屏幕上的點的個數(shù)：
?
[java] view plaincopyprint?switch (event.getAction() & MotionEvent.ACTION_MASK) { case MotionEvent.ACTION_DOWN: mode = 1; break; case MotionEvent.ACTION_UP: mode = 0; break; case MotionEvent.ACTION_POINTER_UP: mode -= 1; break; case MotionEvent.ACTION_POINTER_DOWN: mode += 1; break; }
然后在MotionEvent.ACTION_MOVE事件中，判斷點的個數(shù)，如果大于等于2，就計算兩點間的距離，如果距離增大就把字體放大，距離減少就把字體縮小。
?
于是代碼就成了：
?
[java] view plaincopyprint?switch (event.getAction() & MotionEvent.ACTION_MASK) { case MotionEvent.ACTION_DOWN: mode = 1; break; case MotionEvent.ACTION_UP: mode = 0; break; case MotionEvent.ACTION_POINTER_UP: mode -= 1; break; case MotionEvent.ACTION_POINTER_DOWN: oldDist = spacing(event);//兩點按下時的距離 mode += 1; break; case MotionEvent.ACTION_MOVE: if (mode >= 2) { float newDist = spacing(event); if (newDist > oldDist) { zoomOut(); } if (newDist < oldDist) { zoomIn(); } break; } 經(jīng)過檢驗，這種方法是能夠實現(xiàn)縮放效果的。
?
但是有了另外一個問題：就是由于ACTION_MOVE會因顫抖一直被觸發(fā)，而每次觸發(fā)的時候兩點間的距離也總會有細小的變化，所以運行之后只要有兩點在屏幕上，就總會在放大或縮小字體。?
經(jīng)過一番思考，我想出了一個控制其靈敏度的方法，即在case MotionEvent.ACTION_MOVE時判斷只有當距離變化大于一定程度時才會更改字體大小：
?
[java] view plaincopyprint?if (newDist > oldDist + 1) {//原為：if (newDist > oldDist) zoomOut();//放大字體 }另外縮放的方法也改成了按比例縮放，完整的ZoomListenter代碼：
?
ZoomListenter.java:
?
[java] view plaincopyprint?import android.util.FloatMath; import android.view.MotionEvent; import android.view.View; import android.view.View.OnTouchListener; import android.widget.TextView; public class ZoomListenter implements OnTouchListener { private int mode = 0; float oldDist; float textSize = 0; TextView textView = null; @Override public boolean onTouch(View v, MotionEvent event) { textView = (TextView) v; if (textSize == 0) { textSize = textView.getTextSize(); } switch (event.getAction() & MotionEvent.ACTION_MASK) { case MotionEvent.ACTION_DOWN: mode = 1; break; case MotionEvent.ACTION_UP: mode = 0; break; case MotionEvent.ACTION_POINTER_UP: mode -= 1; break; case MotionEvent.ACTION_POINTER_DOWN: oldDist = spacing(event); mode += 1; break; case MotionEvent.ACTION_MOVE: if (mode >= 2) { float newDist = spacing(event); if (newDist > oldDist + 1) { zoom(newDist / oldDist); oldDist = newDist; } if (newDist < oldDist - 1) { zoom(newDist / oldDist); oldDist = newDist; } } break; } return true; } private void zoom(float f) { textView.setTextSize(textSize *= f); } private float spacing(MotionEvent event) { float x = event.getX(0) - event.getX(1); float y = event.getY(0) - event.getY(1); return FloatMath.sqrt(x * x + y * y); } } 這樣，基本算是能達到預期的效果了。
?
demo下載地址：http://download.csdn.net/detail/barryhappy/4171211
?
轉載于:https://www.cnblogs.com/freeliver54/archive/2012/05/11/2495879.html
總結
以上是生活随笔為你收集整理的[转]Muilti-touch 双指缩放的实现探索的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： iOS8全新功能：Siri可实现人机对话
- 下一篇： Webkit for android