[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)
~~~
效果:

- 介紹
- UI
- MaterialButton
- MaterialButtonToggleGroup
- 字體相關設置
- Material Design
- Toolbar
- 下拉刷新
- 可折疊式標題欄
- 懸浮按鈕
- 滑動菜單DrawerLayout
- NavigationView
- 可交互提示
- CoordinatorLayout
- 卡片式布局
- 搜索框SearchView
- 自定義View
- 簡單封裝單選
- RecyclerView
- xml設置點擊樣式
- adb
- 連接真機
- 小技巧
- 通過字符串ID獲取資源
- 自定義View組件
- 使用系統控件重新組合
- 旋轉菜單
- 輪播圖
- 下拉輸入框
- 自定義VIew
- 圖片組合的開關按鈕
- 自定義ViewPager
- 聯系人快速索引案例
- 使用ListView定義側滑菜單
- 下拉粘黏效果
- 滑動沖突
- 滑動沖突之非同向沖突
- onMeasure
- 繪制字體
- 設置畫筆Paint
- 貝賽爾曲線
- Invalidate和PostInvalidate
- super.onTouchEvent(event)?
- setShadowLayer與陰影效果
- Shader
- ImageView的scaleType屬性
- 漸變
- LinearGradient
- 圖像混合模式
- PorterDuffXfermode
- 橡皮擦效果
- Matrix
- 離屏繪制
- Canvas和圖層
- Canvas簡介
- Canvas中常用操作總結
- Shape
- 圓角屬性
- Android常見動畫
- Android動畫簡介
- View動畫
- 自定義View動畫
- View動畫的特殊使用場景
- LayoutAnimation
- Activity的切換轉場效果
- 屬性動畫
- 幀動畫
- 屬性動畫監聽
- 插值器和估值器
- 工具
- dp和px的轉換
- 獲取屏幕寬高
- JNI
- javah命令
- C和Java相互調用
- WebView
- Android Studio快捷鍵
- Bitmap和Drawable圖像
- Bitmap簡要介紹
- 圖片縮放和裁剪效果
- 創建指定顏色的Bitmap圖像
- Gradle本地倉庫
- Gradle小技巧
- RxJava+Okhttp+Retrofit構建網絡模塊
- 服務器相關配置
- node環境配置
- 3D特效