[TOC] # 1. 前言 Shader 在三維軟件中被稱為著色器，是用來給空白圖形上色的。在 Photoshop 中有一個印 章工具，能夠指定印章的樣式來填充圖形。Paint 中有一個函數專門用于設置 Shader： ``` public Shader setShader(Shader shader) ``` Shader 類其實是一個空類，它的功能主要是靠它的派生類來實現的，有BitmapShader、ComposeShader、LinearGradient、RadialGradient、SweepGradient。 # 2. BitmapShader 其構造函數如下： ``` public BitmapShader(Bitmap bitmap, TileMode tileX, TileMode tileY) ``` 這就相當于 Photoshop 中的印章工具，bitmap用來指定圖案，tileX 用來指定當 X 軸超出 單張圖片大小時所使用的重復策略，tileY 用來指定當 Y 軸超出單張圖片大小時所使用的重復策略。 TileMode 的取值如下。 * TileMode.CLAMP：用邊緣色彩來填充多余空間。 * TileMode.REPEAT：重復原圖像來填充多余空間。 * TileMode.MIRROR：重復使用鏡像模式的圖像來填充多余空間。 因為其重復策略模式的不同，這里可以用來做一些簡單的案例。 ## 2.1 圓形圖片——Shader結合Matrix實現 效果：  代碼： ~~~ class ShaderDemo : View { constructor(context: Context?) : super(context) { init() } constructor(context: Context?, attrs: AttributeSet?) : super(context, attrs) { init() } constructor(context: Context?, attrs: AttributeSet?, defStyleAttr: Int) : super( context, attrs, defStyleAttr ) { init() } private lateinit var mContentBitmap: Bitmap private lateinit var mPaint: Paint private fun init() { // 創建背景Bitmap mPaint = Paint() mPaint.color = Color.RED mPaint.strokeWidth = 5f mPaint.isAntiAlias = true mPaint.style = Paint.Style.FILL mPaint.isDither = true mPaint.textSize = Tool.dp2px(resources, 30f) // 得到資源文件的Bitmap對象 mContentBitmap = BitmapFactory.decodeResource(resources, R.drawable.b) // 應用matrix變換 val matrix= Matrix() val scale = 80f / mContentBitmap.width // 縮放倍率，圓形坐標 matrix.setScale(scale, scale, 200f, 200f) // 創建BitmapShader，用來作為背景層 val shader = BitmapShader(mContentBitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP) // 設置Shader的變換矩陣 shader.setLocalMatrix(matrix) // 為畫筆mPaint設置一個Shader mPaint.setShader(shader) } override fun onDraw(canvas: Canvas?) { super.onDraw(canvas) // 為了明顯，這里為畫布添加一個灰色的背景色 canvas?.drawColor(Color.GRAY) // 繪制一個圓 canvas?.drawCircle(200f, 200f, 80f, mPaint) } } ~~~ 在這里為了保證所加載的資源R.drawable.b可以填充整個圓形區域，這里對這個BitmapShader應用了矩陣縮放。然后為畫筆設置Shader來進行圓形的背景使用圖片填充，做到圓角圖片效果。 ## 2.2 圓角矩形圖片 當然，可以繪制一個圓角矩形的，這類僅修改onDraw函數： ~~~ override fun onDraw(canvas: Canvas?) { super.onDraw(canvas) // 為了明顯，這里為畫布添加一個灰色的背景色 canvas?.drawColor(Color.GRAY) // 繪制一個圓角矩形 val rectF = RectF(100f, 100f, 300f, 300f) canvas?.drawRoundRect(rectF, 15f, 15f, mPaint) } ~~~ 效果：  當然，也可以來嘗試下發光效果，為畫筆設置： ~~~ // 設置內發光 val maskFilter = BlurMaskFilter(5f, BlurMaskFilter.Blur.NORMAL) mPaint.setMaskFilter(maskFilter) ~~~ 效果：