縮放手勢(shì)對(duì)于大部分 Android 工程師來(lái)說(shuō),需要用到的機(jī)會(huì)比較少,它最常見(jiàn)于以下的一些應(yīng)用場(chǎng)景中,例如:圖片瀏覽,圖片編輯(貼圖效果)、網(wǎng)頁(yè)縮放、地圖、文本閱讀(通過(guò)縮放手勢(shì)調(diào)整文字大小)等。應(yīng)用場(chǎng)景相對(duì)比較狹窄,不過(guò)肯定也會(huì)有一些用武之地,它可以實(shí)現(xiàn)如下的效果:

2.縮放手勢(shì)檢測(cè)(ScaleGestureDetector)
縮放手勢(shì)檢測(cè)同樣是官方提供的手勢(shì)檢測(cè)工具,它的使用方式的 GentureDetector 類(lèi)似,也是通過(guò) Listener 進(jìn)行監(jiān)聽(tīng)用戶(hù)的操作手勢(shì),它是對(duì)縮放手勢(shì)進(jìn)行了一次封裝, 可以方便用戶(hù)快速的完成縮放相關(guān)功能的開(kāi)發(fā)。縮放手勢(shì)相對(duì)比較簡(jiǎn)單,網(wǎng)絡(luò)上也能查到不少非官方實(shí)現(xiàn)的縮放手勢(shì)計(jì)算方案,但部分非官方的方案確實(shí)有所局限,例如只支持兩個(gè)手指的計(jì)算,在出現(xiàn)超過(guò)兩個(gè)手指時(shí),只計(jì)算了前兩個(gè)手指的移動(dòng),這樣顯然是不合理的。而官方的這種實(shí)現(xiàn)方案輕松的應(yīng)對(duì)了多個(gè)手指的情況,下面我們就來(lái)看看它是如何實(shí)現(xiàn)的吧。
2.1 構(gòu)造方法
它有兩個(gè)構(gòu)造方法,和 GestureDetector 類(lèi)似,如下所示:
ScaleGestureDetector(Contextcontext,ScaleGestureDetector.OnScaleGestureListenerlistener) ScaleGestureDetector(Contextcontext,ScaleGestureDetector.OnScaleGestureListenerlistener,Handlerhandler)
2.2 手勢(shì)監(jiān)聽(tīng)器
它只有兩個(gè)監(jiān)聽(tīng)器,但嚴(yán)格來(lái)說(shuō),這兩個(gè)監(jiān)聽(tīng)器是同一個(gè),只不過(guò)一個(gè)是接口,另一個(gè)是空實(shí)現(xiàn)而已。
監(jiān)聽(tīng)器 簡(jiǎn)介
OnScaleGestureListener 縮放手勢(shì)檢測(cè)器
SimpleOnScaleGestureListene r縮放手勢(shì)檢測(cè)器的空實(shí)現(xiàn)。
2.3 簡(jiǎn)單示例
這是使用 ScaleGestureDetector 的一個(gè)極簡(jiǎn)用例,當(dāng)然,它沒(méi)有實(shí)現(xiàn)任何功能,只是用日志的方式輸出了幾個(gè)我們比較關(guān)心的參數(shù)而已。
public class ScaleGestureDemoView extends View { private static final String TAG = "ScaleGestureDemoView"; private ScaleGestureDetector mScaleGestureDetector; public ScaleGestureDemoView(Context context) { super(context); } public ScaleGestureDemoView(Context context, @Nullable AttributeSet attrs) { super(context, attrs); initScaleGestureDetector(); } private void initScaleGestureDetector() { mScaleGestureDetector = new ScaleGestureDetector(getContext(), new ScaleGestureDetector.SimpleOnScaleGestureListener() { @Override public boolean onScaleBegin(ScaleGestureDetector detector) { return true; } @Override public boolean onScale(ScaleGestureDetector detector) { Log.i(TAG, "focusX = " + detector.getFocusX()); // 縮放中心,x坐標(biāo) Log.i(TAG, "focusY = " + detector.getFocusY()); // 縮放中心y坐標(biāo) Log.i(TAG, "scale = " + detector.getScaleFactor()); // 縮放因子 return true; } @Override public void onScaleEnd(ScaleGestureDetector detector) { } }); } @Override public boolean onTouchEvent(MotionEvent event) { mScaleGestureDetector.onTouchEvent(event); return true; } }
3. 基本原理
由于縮放手勢(shì)檢測(cè)使用起來(lái)非常簡(jiǎn)單,沒(méi)有什么復(fù)雜的內(nèi)容,不僅如此,它的實(shí)現(xiàn)也非常簡(jiǎn)單,下面我就帶大家簡(jiǎn)單分析一下它的基本原理。在縮放手勢(shì)中我們其實(shí)主要關(guān)心的只有兩個(gè)參數(shù)而已,一個(gè)是縮放的中心點(diǎn),另一個(gè)就是縮放比例了。 下面我們就看看這兩個(gè)參數(shù)是如何計(jì)算出來(lái)的.
3.1 計(jì)算縮放的中心點(diǎn)(焦點(diǎn))
如果只有兩個(gè)手指的話(huà),縮放的中心點(diǎn)自然是非常容易計(jì)算的,那就是兩個(gè)手指坐標(biāo)的中點(diǎn),但是如果有多個(gè)手指該如何計(jì)算縮放的中心點(diǎn)呢?
計(jì)算中心點(diǎn)的原理其實(shí)也非常簡(jiǎn)單,那就是將所有的坐標(biāo)都加起來(lái),然后除以數(shù)量即可。
這是一個(gè)簡(jiǎn)單的數(shù)學(xué)原理,并不復(fù)雜,如果有不理解的,自己嘗試計(jì)算一下也就能明白了。不過(guò)在實(shí)際運(yùn)用中還是需要注意一下的, 用戶(hù)的手指數(shù)量可能并不是固定的,用戶(hù)可能隨時(shí)抬起來(lái)或者按下手指,ScaleGestureDetector 中是這樣實(shí)現(xiàn)的:
finalbooleananchoredScaleCancelled= mAnchoredScaleMode == ANCHORED_SCALE_MODE_STYLUS && !isStylusButtonDown; final boolean streamComplete = action == MotionEvent.ACTION_UP || finalbooleanstreamComplete=action==MotionEvent.ACTION_UP|| action == MotionEvent.ACTION_CANCEL || anchoredScaleCancelled; // 注意這里 if(action==MotionEvent.ACTION_DOWN||streamComplete){ //重置偵聽(tīng)器正在進(jìn)行的任何縮放。 //如果是ACTION_DOWN,我們正在開(kāi)始一個(gè)新的事件流。 //這意味著應(yīng)用程序可能沒(méi)有給我們所有的事件(事件被上層直接攔截了)。 if(mInProgress){ mListener.onScaleEnd(this); mInProgress=false; mInitialSpan=0; mAnchoredScaleMode=ANCHORED_SCALE_MODE_NONE; }elseif(inAnchoredScaleMode()&&streamComplete){ mInProgress=false; mInitialSpan=0; mAnchoredScaleMode=ANCHORED_SCALE_MODE_NONE; } if(streamComplete){ returntrue; } }
可以看到,當(dāng)觸發(fā) down 或者觸發(fā) up,cancel 時(shí),如果之前處于縮放計(jì)算的狀態(tài),會(huì)將其狀態(tài)重置, 并調(diào)用 onScaleEnd 方法。
計(jì)算中心點(diǎn):
final boolean configChanged = action == MotionEvent.ACTION_DOWN || action == MotionEvent.ACTION_POINTER_UP || action == MotionEvent.ACTION_POINTER_DOWN || anchoredScaleCancelled; // 注意這里 final boolean pointerUp = action == MotionEvent.ACTION_POINTER_UP; final int skipIndex = pointerUp ? event.getActionIndex() : -1; // 確定焦點(diǎn) float sumX = 0, sumY = 0; final int div = pointerUp ? count - 1 : count; final float focusX; final float focusY; if (inAnchoredScaleMode()) { // 在錨定比例模式下,焦點(diǎn)始終是雙擊或按鈕按下時(shí)手勢(shì)開(kāi)始的位置 focusX = mAnchoredScaleStartX; focusY = mAnchoredScaleStartY; if (event.getY() < focusY) { mEventBeforeOrAboveStartingGestureEvent = true; } else { mEventBeforeOrAboveStartingGestureEvent = false; } } else { // 注意這里, 最終計(jì)算得到焦點(diǎn) for (int i = 0; i < count; i++) { if (skipIndex == i) continue; sumX += event.getX(i); sumY += event.getY(i); } focusX = sumX / div; focusY = sumY / div; }
3.2 計(jì)算縮放比例
計(jì)算縮放比例也很簡(jiǎn)單,就是計(jì)算各個(gè)手指到焦點(diǎn)的平均距離,在用戶(hù)手指移動(dòng)后用新的平均距離除以舊的平均距離,并以此計(jì)算得出縮放比例。
// 計(jì)算到焦點(diǎn)的平均距離 floatdevSumX=0,devSumY=0; for(inti=0;i<count;i++){ if (skipIndex == i) continue; devSumX+=Math.abs(event.getX(i)-focusX); devSumY+=Math.abs(event.getY(i)-focusY); } finalfloatdevX=devSumX/div; finalfloatdevY=devSumY/div; // 注意這里 finalfloatspanX=devX*2; finalfloatspanY=devY*2; finalfloatspan; if(inAnchoredScaleMode()){ span=spanY; }else{ // 相當(dāng)于 sqrt(x*x + y*y) span=(float)Math.hypot(spanX,spanY); }
當(dāng)用戶(hù)移動(dòng)的距離超過(guò)一定數(shù)值(數(shù)值大小由系統(tǒng)定義)后,會(huì)觸發(fā) onScaleBegin 方法,如果用戶(hù)在 onScaleBegin 方法里面返回了 true,表示接受事件后,就會(huì)重置縮放相關(guān)數(shù)值,并且開(kāi)始積累縮放因子。
// mSpanSlop 和 mMinSpan 都是從系統(tǒng)里面取得的預(yù)定義數(shù)值,該數(shù)值實(shí)際上影響的是縮放的靈敏度。 // 不過(guò)該參數(shù)并沒(méi)有提供設(shè)置的方法,如果對(duì)靈敏度不滿(mǎn)意的話(huà),和通過(guò)直接之際復(fù)制一個(gè) ScaleGestureDetector 到項(xiàng)目中, 并且修改其中的數(shù)值。 finalintminSpan=inAnchoredScaleMode()?mSpanSlop:mMinSpan; if(!mInProgress&&span>=minSpan&& (wasInProgress||Math.abs(span-mInitialSpan)>mSpanSlop)){ mPrevSpanX=mCurrSpanX=spanX; mPrevSpanY=mCurrSpanY=spanY; mPrevSpan=mCurrSpan=span; mPrevTime=mCurrTime; mInProgress=mListener.onScaleBegin(this); }
通知用戶(hù)縮放:
if(action==MotionEvent.ACTION_MOVE{ mCurrSpanX=spanX; mCurrSpanY=spanY; mCurrSpan=span; booleanupdatePrev=true; if(mInProgress){ // 注意這里,用戶(hù)的返回值決定了是否重新計(jì)算縮放因子 updatePrev=mListener.onScale(this); } // 如果用戶(hù)返回了 true ,就會(huì)重新計(jì)算縮放因子 if(updatePrev){ mPrevSpanX=mCurrSpanX; mPrevSpanY=mCurrSpanY; mPrevSpan=mCurrSpan; mPrevTime=mCurrTime; } }
由于縮放手勢(shì)檢測(cè)確實(shí)比較簡(jiǎn)單,也大概就這么多了,感興趣的話(huà),可以私信我