Android自定義控件實(shí)現(xiàn)望遠(yuǎn)鏡效果
Android自定義控件今天要講到的就是望遠(yuǎn)鏡效果,那么什么是望遠(yuǎn)鏡效果,我們不妨看看下方的動(dòng)圖,看完后,相信大家就有一定的認(rèn)識(shí)了。
1.著色器
對(duì)于這種效果來(lái)說(shuō),其實(shí)實(shí)現(xiàn)起來(lái)挺簡(jiǎn)單的,但我們將會(huì)用到在三維軟件中的著色器Shader,它是用來(lái)給空白圖形上色的。用過(guò)PS的人,相信大家都知道里面有一個(gè)印章工具,印章的樣式可以是圖像,顏色,漸變色等。在Android里面,Shader的效果其實(shí)與他類(lèi)似。
public Shader setShader(Shader shader)
上面是Shader的專(zhuān)用函數(shù),也是畫(huà)筆Paint中的函數(shù),我們今天要用到的是BitmapShader,也即是圖片來(lái)填充,它的基本用法如下:
public BitmapShader(Bitmap bitmap,TileMode tileX,TileMode tileY)
tileX用來(lái)指定當(dāng)X軸超出單張圖片大小時(shí)所使用的重復(fù)策略
tileY用來(lái)指定當(dāng)Y軸超出單張圖片大小時(shí)所使用的重復(fù)策略
而這兩個(gè)值的取值有三種,分別是:
TileMode.CLAMP:用邊緣色彩來(lái)填充多余空間,CLAMP就是以X軸填充X邊緣顏色,以Y軸填充Y軸邊緣顏色,而XY非圖片相交區(qū)域以填充Y軸的顏色繼續(xù)填充。(這里估計(jì)博主故意把貓右邊緣填充了黑色,Y邊緣填充了紅色,框起來(lái)的地方是原圖)
TileMode.REPEAT:重復(fù)原圖像來(lái)填充多余空間,其實(shí)這個(gè)模式最好理解,就是復(fù)制粘貼,X不夠的空白區(qū)域填充原圖,Y不夠的也用原圖像填充。
TileMode.MIRROR:重復(fù)使用鏡像模式的圖像來(lái)填充多余空間,有可能有的小伙伴不懂MIRROR鏡像模式,其實(shí)鏡像模式就是想鏡子一樣翻轉(zhuǎn)了圖像,如下圖所示:
2.望遠(yuǎn)鏡效果實(shí)現(xiàn)
原理已經(jīng)剖析清楚了,接著,我們就來(lái)實(shí)現(xiàn)開(kāi)頭的望遠(yuǎn)鏡效果,首先,還是自定義控件,畢竟這一個(gè)專(zhuān)欄都是自定義控件,基本每篇都少不了這個(gè)步驟,代碼如下:
public class BitmapShaderView extends View {
private Paint paint;//畫(huà)筆工具
private Bitmap bgBitmap,bitmap;//隱藏圖像以及原圖像
private int mX=-1,mY=-1;//捕獲手指的位置坐標(biāo)
public BitmapShaderView(Context context) {
super(context);
}
public BitmapShaderView(Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
this.paint=new Paint();//初始化畫(huà)筆工具
this.bitmap= BitmapFactory.decodeResource(getResources(),R.drawable.background);//獲取原圖像
}
public BitmapShaderView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
}
詳細(xì)注解,應(yīng)該可以理解了,這里就不在做過(guò)多的贅述,接下來(lái),我們需要捕獲手指下按,移動(dòng)以及離開(kāi)屏幕的手指所在位置,也就是重寫(xiě)onTouchEvent()函數(shù):
public boolean onTouchEvent(MotionEvent event) {
switch (event.getAction()){
case MotionEvent.ACTION_DOWN://手指按下事件
this.mX=(int)event.getX();
this.mY=(int)event.getY();
postInvalidate();//重繪
return true;
case MotionEvent.ACTION_MOVE://手指移動(dòng)事件
this.mX=(int)event.getX();
this.mY=(int)event.getY();
break;
case MotionEvent.ACTION_UP://手指抬起
case MotionEvent.ACTION_CANCEL://手指離開(kāi)事件
this.mX=-1;
this.mY=-1;
break;
}
postInvalidate();//重繪
return super.onTouchEvent(event);
}
這里捕獲了移動(dòng)以及按下手指的坐標(biāo),這樣就可以定位望遠(yuǎn)鏡的位置,而當(dāng)手指抬起的時(shí)候,望遠(yuǎn)鏡效果就不見(jiàn)了,所以必須設(shè)置他們坐標(biāo)為-1。最后是繪圖代碼,onDraw()實(shí)現(xiàn):
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
if(this.bgBitmap==null){
this.bgBitmap=Bitmap.createBitmap(getWidth(),getHeight(),Bitmap.Config.ARGB_8888);//創(chuàng)建一個(gè)新空白位圖
Canvas canvasBg=new Canvas(this.bgBitmap);
//然后對(duì)背景圖拉升后,畫(huà)到上面的位圖中
canvasBg.drawBitmap(this.bitmap,null,new Rect(0,0,getWidth(),getHeight()),this.paint);
}
if(this.mX!=-1 && this.mY!=-1){
//填充模式為上面講的第二種,就是復(fù)制粘貼的填充模式,但這里不會(huì)執(zhí)行
//因?yàn)槲覀兩厦鎻?qiáng)制設(shè)置了圖片的大小為整個(gè)屏幕,所以屏幕沒(méi)有空白區(qū)域
this.paint.setShader(new BitmapShader(this.bgBitmap, Shader.TileMode.REPEAT,Shader.TileMode.REPEAT));
canvas.drawCircle(this.mX,this.mY,200,this.paint);
}
}
這里我們首先創(chuàng)建了一個(gè)空白位圖,然后對(duì)原圖像進(jìn)行拉升后畫(huà)到這張位圖中,接著,根據(jù)設(shè)置畫(huà)筆的填充模式,這里其實(shí)沒(méi)用,是因?yàn)槲覀兝藞D像,并沒(méi)有空白區(qū)域,最后,我們根據(jù)手指坐標(biāo),將望遠(yuǎn)鏡效果繪制到手機(jī)界面中,這樣望遠(yuǎn)鏡效果的自定義控件完美實(shí)現(xiàn)了。
GitHub源代碼下載地址:點(diǎn)擊下載
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持我們。
上一篇:Android基于騰訊云實(shí)時(shí)音視頻仿微信視頻通話(huà)最小化懸浮
欄 目:Android
下一篇:Android仿微信語(yǔ)音對(duì)講錄音功能
本文標(biāo)題:Android自定義控件實(shí)現(xiàn)望遠(yuǎn)鏡效果
本文地址:http://www.jygsgssxh.com/a1/Android/9090.html
您可能感興趣的文章
- 01-10Android自定義View之繪制圓形頭像功能
- 01-10Android實(shí)現(xiàn)雙擊返回鍵退出應(yīng)用實(shí)現(xiàn)方法詳解
- 01-10android實(shí)現(xiàn)記住用戶(hù)名和密碼以及自動(dòng)登錄
- 01-10android實(shí)現(xiàn)簡(jiǎn)單計(jì)算器功能
- 01-10Android 友盟第三方登錄與分享的實(shí)現(xiàn)代碼
- 01-10C++自定義API函數(shù)實(shí)現(xiàn)大數(shù)相乘算法
- 01-10android實(shí)現(xiàn)指紋識(shí)別功能
- 01-10Emoji表情在Android JNI中的兼容性問(wèn)題詳解
- 01-10Android實(shí)現(xiàn)圓形漸變加載進(jìn)度條
- 01-10android開(kāi)發(fā)環(huán)境中SDK文件夾下的所需內(nèi)容詳解


閱讀排行
- 1C語(yǔ)言 while語(yǔ)句的用法詳解
- 2java 實(shí)現(xiàn)簡(jiǎn)單圣誕樹(shù)的示例代碼(圣誕
- 3利用C語(yǔ)言實(shí)現(xiàn)“百馬百擔(dān)”問(wèn)題方法
- 4C語(yǔ)言中計(jì)算正弦的相關(guān)函數(shù)總結(jié)
- 5c語(yǔ)言計(jì)算三角形面積代碼
- 6什么是 WSH(腳本宿主)的詳細(xì)解釋
- 7C++ 中隨機(jī)函數(shù)random函數(shù)的使用方法
- 8正則表達(dá)式匹配各種特殊字符
- 9C語(yǔ)言十進(jìn)制轉(zhuǎn)二進(jìn)制代碼實(shí)例
- 10C語(yǔ)言查找數(shù)組里數(shù)字重復(fù)次數(shù)的方法
本欄相關(guān)
- 01-10Android自定義View之繪制圓形頭像功能
- 01-10Android實(shí)現(xiàn)雙擊返回鍵退出應(yīng)用實(shí)現(xiàn)方
- 01-10android實(shí)現(xiàn)簡(jiǎn)單計(jì)算器功能
- 01-10android實(shí)現(xiàn)記住用戶(hù)名和密碼以及自動(dòng)
- 01-10C++自定義API函數(shù)實(shí)現(xiàn)大數(shù)相乘算法
- 01-10Android 友盟第三方登錄與分享的實(shí)現(xiàn)代
- 01-10android實(shí)現(xiàn)指紋識(shí)別功能
- 01-10如何給Flutter界面切換實(shí)現(xiàn)點(diǎn)特效
- 01-10Android實(shí)現(xiàn)圓形漸變加載進(jìn)度條
- 01-10Emoji表情在Android JNI中的兼容性問(wèn)題詳
隨機(jī)閱讀
- 08-05織夢(mèng)dedecms什么時(shí)候用欄目交叉功能?
- 04-02jquery與jsp,用jquery
- 01-11ajax實(shí)現(xiàn)頁(yè)面的局部加載
- 01-11Mac OSX 打開(kāi)原生自帶讀寫(xiě)NTFS功能(圖文
- 01-10SublimeText編譯C開(kāi)發(fā)環(huán)境設(shè)置
- 08-05dedecms(織夢(mèng))副欄目數(shù)量限制代碼修改
- 08-05DEDE織夢(mèng)data目錄下的sessions文件夾有什
- 01-10delphi制作wav文件的方法
- 01-10C#中split用法實(shí)例總結(jié)
- 01-10使用C語(yǔ)言求解撲克牌的順子及n個(gè)骰子


