Canvas填充繪製
在前例中咱們使用canvas.drawXXX方法繪製填充圖形的時候，填充的都是單一顏色，有同窗們可能要提出問題啦，你看那個其餘繪製軟件裏面均可以填充圖片，咱們能不能也填充圖片啊？web
固然能夠，這裏就須要介紹下Paint.setShader(Shader shader),經過這個函數咱們就能夠爲畫筆設置一個圖片填充了，在繪製時利用它就能夠繪製圖片填充圖形了。那麼Shader是什麼呢？canvas
Shader is the based class for objects that return horizontal spans of colors during drawing. A subclass of Shader is installed in a Paint calling paint.setShader(shader). After that any object (other than a bitmap) that is drawn with that paint will get its color(s) from the shader.微信
從上述引用咱們能夠看出，Shader是一個控制繪製期間畫筆顏色變化的基類，一般咱們能夠經過Paint.setShader方法爲畫筆設置Shader子類對象，這樣在繪製過程當中畫筆就會從Shader子類中取色進行繪製。函數
要使得畫筆使用圖片做爲填充背景，咱們就須要使用Shader的子類-BitmapShader，其用於將Bitmap做爲紋理繪製。編碼
一塊兒看下怎麼使用吧，定義畫筆對象：spa
Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
paint.setStyle(Paint.Style.FILL);
從res資源中讀取圖片對象，並對其進行壓縮，代碼以下：.net
Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.photo);
Bitmap scaledBitmap = scaleBitmap(bitmap,0.2f);
聲明BitmapShader對象並設置到畫筆內部，代碼以下：code
BitmapShader bitmapShader = new BitmapShader(scaledBitmap, TileMode.MIRROR, TileMode.MIRROR);
paint.setShader(bitmapShader);
這裏BitmapShader的構造函數BitmapShader(@NonNull Bitmap bitmap, @NonNull TileMode tileX, @NonNull TileMode tileY)中，bitmap爲要做爲紋理的Bitmap對象，tileX爲當X軸方向繪製寬度不等於圖片寬度時的重複方式，tileY爲Y軸方向繪製高度不等於圖片高度的重複方案，tileX及tileY的可選取值有：orm
TileMode.CLAMP:超過部分裁剪掉，採用邊界外色值繪製對象TileMode.REPEAT:使用平鋪方式填充TileMode.MIRROR:使用對稱鏡像方式填充
繼續上面代碼部分，使用canvas繪製一個圖形，這裏圖形寬高均採用放縮後圖片寬高，代碼以下：
canvas.drawOval(0,0,scaledBitmap.getWidth(),scaledBitmap.getHeight(),paint);
運行效果以下：
呦吼，一不當心發生了圓形頭像的一種實現方式。接下來咱們來試下TileMode的其餘幾種填充方式。
TileMode.CLAMP
修改圖形寬高爲400，400後運行，效果以下：
BitmapShader bitmapShader = new BitmapShader(scaledBitmap, TileMode.CLAMP, TileMode.CLAMP);
canvas.drawOval(0,0,400,400,paint);
TileMode.REPEAT
修改圖形寬高爲getWidth()，getHeight()後運行，效果以下：
BitmapShader bitmapShader = new BitmapShader(scaledBitmap, TileMode.REPEAT, TileMode.REPEAT);
canvas.drawRect(0,0,getWidth(),getHeight(),paint);
修改圖形寬高爲getWidth()，getHeight()後運行，效果以下：
BitmapShader bitmapShader = new BitmapShader(scaledBitmap, TileMode.MIRROR, TileMode.MIRROR);
paint.setShader(bitmapShader);
canvas.drawRect(0,0,getWidth(),getHeight(),paint);
本文分享自微信公衆號 - 小海編碼日記（gh_1f87b8c00ede）。
若有侵權，請聯繫 support@oschina.cn 刪除。
本文參與「OSC源創計劃」，歡迎正在閱讀的你也加入，一塊兒分享。