欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Android自定義控件實現(xiàn)望遠鏡效果

 更新時間:2019年11月18日 08:23:59   作者:李元靜  
這篇文章主要為大家詳細介紹了Android自定義控件實現(xiàn)望遠鏡效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下

Android自定義控件今天要講到的就是望遠鏡效果,那么什么是望遠鏡效果,我們不妨看看下方的動圖,看完后,相信大家就有一定的認識了。

1.著色器

對于這種效果來說,其實實現(xiàn)起來挺簡單的,但我們將會用到在三維軟件中的著色器Shader,它是用來給空白圖形上色的。用過PS的人,相信大家都知道里面有一個印章工具,印章的樣式可以是圖像,顏色,漸變色等。在Android里面,Shader的效果其實與他類似。

public Shader setShader(Shader shader)

上面是Shader的專用函數(shù),也是畫筆Paint中的函數(shù),我們今天要用到的是BitmapShader,也即是圖片來填充,它的基本用法如下:

public BitmapShader(Bitmap bitmap,TileMode tileX,TileMode tileY)

tileX用來指定當X軸超出單張圖片大小時所使用的重復策略

tileY用來指定當Y軸超出單張圖片大小時所使用的重復策略

而這兩個值的取值有三種,分別是:

TileMode.CLAMP:用邊緣色彩來填充多余空間,CLAMP就是以X軸填充X邊緣顏色,以Y軸填充Y軸邊緣顏色,而XY非圖片相交區(qū)域以填充Y軸的顏色繼續(xù)填充。(這里估計博主故意把貓右邊緣填充了黑色,Y邊緣填充了紅色,框起來的地方是原圖)

TileMode.REPEAT:重復原圖像來填充多余空間,其實這個模式最好理解,就是復制粘貼,X不夠的空白區(qū)域填充原圖,Y不夠的也用原圖像填充。

TileMode.MIRROR:重復使用鏡像模式的圖像來填充多余空間,有可能有的小伙伴不懂MIRROR鏡像模式,其實鏡像模式就是想鏡子一樣翻轉(zhuǎn)了圖像,如下圖所示:

2.望遠鏡效果實現(xiàn)

原理已經(jīng)剖析清楚了,接著,我們就來實現(xiàn)開頭的望遠鏡效果,首先,還是自定義控件,畢竟這一個專欄都是自定義控件,基本每篇都少不了這個步驟,代碼如下:

public class BitmapShaderView extends View {
 private Paint paint;//畫筆工具
 private Bitmap bgBitmap,bitmap;//隱藏圖像以及原圖像
 private int mX=-1,mY=-1;//捕獲手指的位置坐標
 public BitmapShaderView(Context context) {
  super(context);
 }
 
 public BitmapShaderView(Context context, @Nullable AttributeSet attrs) {
  super(context, attrs);
  this.paint=new Paint();//初始化畫筆工具
  this.bitmap= BitmapFactory.decodeResource(getResources(),R.drawable.background);//獲取原圖像
 }
 
 public BitmapShaderView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
  super(context, attrs, defStyleAttr);
 }
}

詳細注解,應該可以理解了,這里就不在做過多的贅述,接下來,我們需要捕獲手指下按,移動以及離開屏幕的手指所在位置,也就是重寫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://手指移動事件
   this.mX=(int)event.getX();
   this.mY=(int)event.getY();
   break;
  case MotionEvent.ACTION_UP://手指抬起
  case MotionEvent.ACTION_CANCEL://手指離開事件
   this.mX=-1;
   this.mY=-1;
   break;
 
 }
 postInvalidate();//重繪
 return super.onTouchEvent(event);
}

這里捕獲了移動以及按下手指的坐標,這樣就可以定位望遠鏡的位置,而當手指抬起的時候,望遠鏡效果就不見了,所以必須設置他們坐標為-1。最后是繪圖代碼,onDraw()實現(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)建一個新空白位圖
  Canvas canvasBg=new Canvas(this.bgBitmap);
  //然后對背景圖拉升后,畫到上面的位圖中
  canvasBg.drawBitmap(this.bitmap,null,new Rect(0,0,getWidth(),getHeight()),this.paint);
 }
 if(this.mX!=-1 && this.mY!=-1){
  //填充模式為上面講的第二種,就是復制粘貼的填充模式,但這里不會執(zhí)行
  //因為我們上面強制設置了圖片的大小為整個屏幕,所以屏幕沒有空白區(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)建了一個空白位圖,然后對原圖像進行拉升后畫到這張位圖中,接著,根據(jù)設置畫筆的填充模式,這里其實沒用,是因為我們拉升了圖像,并沒有空白區(qū)域,最后,我們根據(jù)手指坐標,將望遠鏡效果繪制到手機界面中,這樣望遠鏡效果的自定義控件完美實現(xiàn)了。

GitHub源代碼下載地址:點擊下載

以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

相關文章

  • Android N 7.0中報錯:android.os.FileUriExposedException的解決方法

    Android N 7.0中報錯:android.os.FileUriExposedException的解決方法

    這篇文章主要給大家介紹了關于在Android N 7.0中報錯:android.os.FileUriExposedException的解決方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面來一起看看吧
    2018-05-05
  • Android Studio 3.6中新的視圖綁定工具ViewBinding 用法詳解

    Android Studio 3.6中新的視圖綁定工具ViewBinding 用法詳解

    這篇文章主要介紹了Android Studio 3.6中新的視圖綁定工具ViewBinding 用法,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-03-03
  • 利用Kotlin開發(fā)你的第一個Android應用

    利用Kotlin開發(fā)你的第一個Android應用

    Kotlin最近真的是大熱啊,所以下面這篇文章主要給大家介紹了關于利用Kotlin開發(fā)你的第一個Android應用的相關資料,文中將實現(xiàn)的步驟介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面來一起看看吧。
    2017-10-10
  • android 使用Xml文件定義Shape方式

    android 使用Xml文件定義Shape方式

    這篇文章主要介紹了android 使用Xml文件定義Shape方式,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2020-03-03
  • Android運用BroadcastReceiver實現(xiàn)強制下線

    Android運用BroadcastReceiver實現(xiàn)強制下線

    本篇文章主要介紹了Android運用BroadcastReceiver實現(xiàn)強制下線,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-07-07
  • AndroidStuio插件開發(fā)適用于jetbrains全家桶

    AndroidStuio插件開發(fā)適用于jetbrains全家桶

    這篇文章主要介紹了AndroidStuio插件開發(fā)適用于jetbrains全家桶,本文通過實例給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-12-12
  • Android編程之SurfaceView實例詳解

    Android編程之SurfaceView實例詳解

    這篇文章主要介紹了Android編程之SurfaceView用法,簡要分析了View和SurfaceView的區(qū)別,并結(jié)合實例形式分析了SurfaceView的具體使用步驟與相關技巧,需要的朋友可以參考下
    2016-02-02
  • Android中實現(xiàn)HashMap排序的方法

    Android中實現(xiàn)HashMap排序的方法

    這篇文章主要介紹了Android中實現(xiàn)HashMap排序的方法,很經(jīng)典的一種排序算法,需要的朋友可以參考下
    2014-08-08
  • Android系統(tǒng)關機的全流程解析

    Android系統(tǒng)關機的全流程解析

    這篇文章主要介紹了Android系統(tǒng)關機的全流程解析,從上層空間一直深入到內(nèi)核全面講解,非常推薦!需要的朋友可以參考下
    2016-02-02
  • Android實現(xiàn)分享長圖并且添加全圖水印

    Android實現(xiàn)分享長圖并且添加全圖水印

    這篇文章主要介紹了Android實現(xiàn)分享長圖并且添加全圖水印的相關資料,需要的朋友可以參考下
    2017-03-03

最新評論