【移動(dòng)應(yīng)用開發(fā)技術(shù)】Android自定義控件實(shí)現(xiàn)望遠(yuǎn)鏡效果

【移動(dòng)應(yīng)用開發(fā)技術(shù)】Android自定義控件實(shí)現(xiàn)望遠(yuǎn)鏡效果

Android自定義控件今天要講到的就是望遠(yuǎn)鏡效果，那么什么是望遠(yuǎn)鏡效果，我們不妨看看下方的動(dòng)圖，看完后，相信大家就有一定的認(rèn)識(shí)了。1.著色器對(duì)于這種效果來說，其實(shí)實(shí)現(xiàn)起來挺簡單的，但我們將會(huì)用到在三維軟件中的著色器Shader，它是用來給空白圖形上色的。用過PS的人，相信大家都知道里面有一個(gè)印章工具，印章的樣式可以是圖像，顏色，漸變色等。在Android里面，Shader的效果其實(shí)與他類似。上面是Shader的專用函數(shù)，也是畫筆Paint中的函數(shù)，我們今天要用到的是BitmapShader，也即是圖片來填充，它的基本用法如下：tileX用來指定當(dāng)X軸超出單張圖片大小時(shí)所使用的重復(fù)策略tileY用來指定當(dāng)Y軸超出單張圖片大小時(shí)所使用的重復(fù)策略而這兩個(gè)值的取值有三種，分別是：TileMode.CLAMP：用邊緣色彩來填充多余空間，CLAMP就是以X軸填充X邊緣顏色，以Y軸填充Y軸邊緣顏色，而XY非圖片相交區(qū)域以填充Y軸的顏色繼續(xù)填充。（這里估計(jì)博主故意把貓右邊緣填充了黑色，Y邊緣填充了紅色，框起來的地方是原圖）TileMode.REPEAT：重復(fù)原圖像來填充多余空間，其實(shí)這個(gè)模式最好理解，就是復(fù)制粘貼，X不夠的空白區(qū)域填充原圖，Y不夠的也用原圖像填充。TileMode.MIRROR：重復(fù)使用鏡像模式的圖像來填充多余空間，有可能有的小伙伴不懂MIRROR鏡像模式，其實(shí)鏡像模式就是想鏡子一樣翻轉(zhuǎn)了圖像，如下圖所示：2.望遠(yuǎn)鏡效果實(shí)現(xiàn)原理已經(jīng)剖析清楚了，接著，我們就來實(shí)現(xiàn)開頭的望遠(yuǎn)鏡效果，首先，還是自定義控件，畢竟這一個(gè)專欄都是自定義控件，基本每篇都少不了這個(gè)步驟，代碼如下：詳細(xì)注解，應(yīng)該可以理解了，這里就不在做過多的贅述，接下來，我們需要捕獲手指下按，移動(dòng)以及離開屏幕的手指所在位置，也就是重寫onTouchEvent()函數(shù)：這里捕獲了移動(dòng)以及按下手指的坐標(biāo)，這樣就可以定位望遠(yuǎn)鏡的位置，而當(dāng)手指抬起的時(shí)候，望遠(yuǎn)鏡效果就不見了，所以必須設(shè)置他們坐標(biāo)為-1。最后是繪圖代碼，onDraw()實(shí)現(xiàn)：這里我們首先創(chuàng)建了一個(gè)空白位圖，然后對(duì)原圖像進(jìn)行拉升后畫到這張位圖中，接著，根據(jù)設(shè)置畫筆的填充模式，這里其實(shí)沒用，是因?yàn)槲覀兝藞D像，并沒有空白區(qū)域，最后，我們根據(jù)手指坐標(biāo)，將