[TOC]
# 1. 前言
這篇文章中放置一下在Canvas中的常用方法。
# 2. 獲取Canvas對象的方法
我們知道在自定義View的onDraw方法中就存在一個參數,也就是Canvas。也就是通常所說的畫布。那么,除了重寫這個方法外,我們還可以通過那些途徑來得到Canvas對象?
## 2.1 使用Bitmap創建
在圖像混合模式一節中,就使用過Bitmap來創建畫布,以及得到對應的Bitmap對象,比如:
~~~
/**
* 創建的遮罩也的是一個Bitmap對象
* @param width 正方形圖片的寬度
* @return 返回創建的遮罩的Bitmap實例
*/
private fun getMaskSrcBitmap(width: Int): Bitmap{
val center = width / 2f
val bm = Bitmap.createBitmap(width, width, Bitmap.Config.ARGB_8888);
val canvas = Canvas(bm)
val paint = Paint(Paint.ANTI_ALIAS_FLAG)
paint.color = Color.BLACK
canvas.drawCircle(center, center, (width/2).toFloat(), paint)
return bm
}
~~~
比如,可以將這個返回的Bitmap對象直接繪制出來:
~~~
override fun onDraw(canvas: Canvas?) {
super.onDraw(canvas)
canvas?.apply { // this == canvas
val saveLayerId = saveLayer(0f, 0f, width.toFloat(), height.toFloat(), mRectPaint)
drawBitmap(getMaskSrcBitmap(400), 0f, 0f, mRectPaint)
restoreToCount(saveLayerId)
}
}
~~~
結果:

為了驗證該使用Bitmap創建的畫布只有指定的大小,這里不妨在getMaskSrcBitmap方法中添加一個背景色,即:
~~~
canvas.drawColor(Color.RED)
~~~
結果:

也就是,使用Canvas(bm)方法所實例化的畫布大小取決于傳入的Bitmap bm的大小。
這里需要**注意**的是:**當傳入一個Bitmap對象來實例化Canvas的時候,后續在這個 Canvas 上繪制的圖像也都會保存在這個Bitmap上,而畫布上沒有任何內容。**
如果想畫在View上,就必須使用onDraw(Canvas canvas)函數中傳入的Canvas畫一遍 Bitmap。也就是再繪制一遍Bitmap即可,上面的案例在onDraw方法中已經調用過了。
# 2.2 saveLayer
調用saveLayer方法來保存當前畫布狀態的時候,會自動創建一個圖層。之后的繪畫操作就是在這個圖層中進行的。
## 2.3 saveLayerAlpha()函數
相比 saveLayer()函數,多了一個 alpha 參數,用于指定新建畫布的透明度,取值范圍為 0~ 255,可以用十六進制數的 oxAA 表示,取 0 時表示全透明。也就是可以指定新建圖層的透明度。
## 2.4 通過 SurfaceView 的 SurfaceHolder.lockCanvas()函數獲取
- 介紹
- 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特效