前言
- 自定義
View是Android開發(fā)者必須了解的基礎(chǔ) - 網(wǎng)上有大量關(guān)于自定義
View原理的文章共啃，但存在一些問(wèn)題：內(nèi)容不全、思路不清晰返帕、無(wú)源碼分析夫嗓、簡(jiǎn)單問(wèn)題復(fù)雜化 等 - 今天迟螺，我將全面總結(jié)自定義View原理中的
Draw過(guò)程，我能保證這是市面上的最全面舍咖、最清晰矩父、最易懂的
Carson帶你學(xué)Android自定義View文章系列：
Carson帶你學(xué)Android：自定義View基礎(chǔ)
Carson帶你學(xué)Android：一文梳理自定義View工作流程
Carson帶你學(xué)Android：自定義View繪制準(zhǔn)備-DecorView創(chuàng)建
Carson帶你學(xué)Android：自定義View Measure過(guò)程
Carson帶你學(xué)Android：自定義View Layout過(guò)程
Carson帶你學(xué)Android：自定義View Draw過(guò)程
Carson帶你學(xué)Android：手把手教你寫一個(gè)完整的自定義View
Carson帶你學(xué)Android：Canvas類全面解析
Carson帶你學(xué)Android：Path類全面解析
目錄
示意圖
1. 作用
繪制View視圖
2. 儲(chǔ)備知識(shí)
具體請(qǐng)看文章：自定義View基礎(chǔ) - 最易懂的自定義View原理系列
3. draw過(guò)程詳解
類似measure過(guò)程、layout過(guò)程排霉，draw過(guò)程根據(jù)View的類型分為2種情況：
示意圖
接下來(lái)窍株，我將詳細(xì)分析這2種情況下的draw過(guò)程
3.1 單一View的draw過(guò)程
- 應(yīng)用場(chǎng)景
在無(wú)現(xiàn)成的控件View滿足需求、需自己實(shí)現(xiàn)時(shí)攻柠，則使用自定義單一View
- 如：制作一個(gè)支持加載網(wǎng)絡(luò)圖片的
ImageView控件- 注：自定義
View在多數(shù)情況下都有替代方案：圖片 / 組合動(dòng)畫球订，但二者可能會(huì)導(dǎo)致內(nèi)存耗費(fèi)過(guò)大，從而引起內(nèi)存溢出等問(wèn)題瑰钮。
具體使用
繼承自View冒滩、SurfaceView或 其他View；不包含子View-
原理（步驟）
-
View繪制自身（含背景浪谴、內(nèi)容）开睡； - 繪制裝飾（滾動(dòng)指示器、滾動(dòng)條苟耻、和前景）
-
具體流程
下面我將一個(gè)個(gè)方法進(jìn)行詳細(xì)分析：draw過(guò)程的入口 = draw（）
/**
* 源碼分析：draw()
* 作用：根據(jù)給定的 Canvas 自動(dòng)渲染View包括其所有子 View）篇恒。
* 繪制過(guò)程：
* 1. 繪制view背景
* 2. 繪制view內(nèi)容
* 3. 繪制子View
* 4. 繪制裝飾（漸變框，滑動(dòng)條等等）
* 注：
* a. 在調(diào)用該方法之前必須要完成 layout 過(guò)程
* b. 所有的視圖最終都是調(diào)用 View 的 draw()繪制視圖（ ViewGroup 沒有復(fù)寫此方法）
* c. 在自定義View時(shí)凶杖，不應(yīng)該復(fù)寫該方法胁艰，而是復(fù)寫 onDraw(Canvas) 方法進(jìn)行繪制
* d. 若自定義的視圖確實(shí)要復(fù)寫該方法，那么需先調(diào)用 super.draw(canvas)完成系統(tǒng)的繪制，然后再進(jìn)行自定義的繪制
*/
public void draw(Canvas canvas) {
...// 僅貼出關(guān)鍵代碼
int saveCount;
// 步驟1： 繪制本身View背景
if (!dirtyOpaque) {
drawBackground(canvas);
// ->分析1
}
// 若有必要蝗茁，則保存圖層（還有一個(gè)復(fù)原圖層）
// 優(yōu)化技巧：當(dāng)不需繪制 Layer 時(shí)醋虏，“保存圖層“和“復(fù)原圖層“這兩步會(huì)跳過(guò)
// 因此在繪制時(shí)厂捞，節(jié)省 layer 可以提高繪制效率
final int viewFlags = mViewFlags;
if (!verticalEdges && !horizontalEdges) {
// 步驟2：繪制本身View內(nèi)容
if (!dirtyOpaque)
onDraw(canvas);
// 單一View中：默認(rèn)為空實(shí)現(xiàn)娇豫，需復(fù)寫
// ViewGroup中：需復(fù)寫
// ->分析2
// 步驟3：繪制子View
// 由于單一View無(wú)子View渐溶，故View中：默認(rèn)為空實(shí)現(xiàn)
// ViewGroup中：系統(tǒng)已經(jīng)復(fù)寫好對(duì)其子視圖進(jìn)行繪制我們不需要復(fù)寫
dispatchDraw(canvas);
// ->分析3
// 步驟4：繪制裝飾，如滑動(dòng)條饭寺、前景色等等
onDrawScrollBars(canvas);
// ->分析4
return;
}
...
}
/**
* 分析1：drawBackground(canvas)
* 作用：繪制View本身的背景
*/
private void drawBackground(Canvas canvas) {
// 獲取背景 drawable
final Drawable background = mBackground;
if (background == null) {
return;
}
// 根據(jù)在 layout 過(guò)程中獲取的 View 的位置參數(shù)，來(lái)設(shè)置背景的邊界
setBackgroundBounds();
...
// 獲取 mScrollX 和 mScrollY值
final int scrollX = mScrollX;
final int scrollY = mScrollY;
if ((scrollX | scrollY) == 0) {
background.draw(canvas);
} else {
// 若 mScrollX 和 mScrollY 有值叫挟，則對(duì) canvas 的坐標(biāo)進(jìn)行偏移
canvas.translate(scrollX, scrollY);
// 調(diào)用 Drawable 的 draw 方法繪制背景
background.draw(canvas);
canvas.translate(-scrollX, -scrollY);
}
}
/**
* 分析2：onDraw(canvas)
* 作用：繪制View本身的內(nèi)容
* 注：
* a. 由于 View 的內(nèi)容各不相同艰匙，所以該方法是一個(gè)空實(shí)現(xiàn)
* b. 在自定義繪制過(guò)程中，需由子類去實(shí)現(xiàn)復(fù)寫該方法抹恳，從而繪制自身的內(nèi)容
* c. 謹(jǐn)記：自定義View中 必須且只需復(fù)寫onDraw()
*/
protected void onDraw(Canvas canvas) {
... // 復(fù)寫從而實(shí)現(xiàn)繪制邏輯
}
/**
* 分析3： dispatchDraw(canvas)
* 作用：繪制子View
* 注：由于單一View中無(wú)子View员凝，故為空實(shí)現(xiàn)
*/
protected void dispatchDraw(Canvas canvas) {
... // 空實(shí)現(xiàn)
}
/**
* 分析4： onDrawScrollBars(canvas)
* 作用：繪制裝飾，如滾動(dòng)指示器奋献、滾動(dòng)條健霹、和前景等
*/
public void onDrawForeground(Canvas canvas) {
onDrawScrollIndicators(canvas);
onDrawScrollBars(canvas);
final Drawable foreground = mForegroundInfo != null ? mForegroundInfo.mDrawable : null;
if (foreground != null) {
if (mForegroundInfo.mBoundsChanged) {
mForegroundInfo.mBoundsChanged = false;
final Rect selfBounds = mForegroundInfo.mSelfBounds;
final Rect overlayBounds = mForegroundInfo.mOverlayBounds;
if (mForegroundInfo.mInsidePadding) {
selfBounds.set(0, 0, getWidth(), getHeight());
} else {
selfBounds.set(getPaddingLeft(), getPaddingTop(),
getWidth() - getPaddingRight(), getHeight() - getPaddingBottom());
}
final int ld = getLayoutDirection();
Gravity.apply(mForegroundInfo.mGravity, foreground.getIntrinsicWidth(),
foreground.getIntrinsicHeight(), selfBounds, overlayBounds, ld);
foreground.setBounds(overlayBounds);
}
foreground.draw(canvas);
}
}
至此，單一View的draw過(guò)程已分析完畢瓶蚂。
總結(jié)
單一View的draw過(guò)程解析如下：
即 只需繪制
View自身
3.2 ViewGroup的draw過(guò)程
應(yīng)用場(chǎng)景
利用現(xiàn)有的組件根據(jù)特定的布局方式來(lái)組成新的組件具體使用
繼承自ViewGroup或 各種Layout糖埋；含有子View
如：底部導(dǎo)航條中的條目，一般都是上圖標(biāo)(ImageView)窃这、下文字(TextView)瞳别，那么這兩個(gè)就可以用自定義ViewGroup組合成為一個(gè)Veiw，提供兩個(gè)屬性分別用來(lái)設(shè)置文字和圖片杭攻，使用起來(lái)會(huì)更加方便祟敛。
Paste_Image.png
-
原理（步驟）
-
ViewGroup繪制自身（含背景、內(nèi)容）兆解；
2.ViewGroup遍歷子View& 繪制其所有子View馆铁；
類似于單一
View的draw過(guò)程-
ViewGroup繪制裝飾（滾動(dòng)指示器、滾動(dòng)條痪宰、和前景）
-
自上而下叼架、一層層地傳遞下去，直到完成整個(gè)
View樹的draw過(guò)程
原理
- 具體流程
下面我將對(duì)每個(gè)步驟和方法進(jìn)行詳細(xì)分析：draw過(guò)程的入口 = draw（）
/**
* 源碼分析：draw（）
* 與單一View的draw（）流程類似
* 作用：根據(jù)給定的 Canvas 自動(dòng)渲染 View（包括其所有子 View）
* 繪制過(guò)程：
* 1. 繪制view背景
* 2. 繪制view內(nèi)容
* 3. 繪制子View
* 4. 繪制裝飾（漸變框衣撬，滑動(dòng)條等等）
* 注：
* a. 在調(diào)用該方法之前必須要完成 layout 過(guò)程
* b. 所有的視圖最終都是調(diào)用 View 的 draw （）繪制視圖（ ViewGroup 沒有復(fù)寫此方法）
* c. 在自定義View時(shí)乖订，不應(yīng)該復(fù)寫該方法，而是復(fù)寫 onDraw(Canvas) 方法進(jìn)行繪制
* d. 若自定義的視圖確實(shí)要復(fù)寫該方法具练，那么需先調(diào)用 super.draw(canvas)完成系統(tǒng)的繪制乍构，然后再進(jìn)行自定義的繪制
*/
public void draw(Canvas canvas) {
...// 僅貼出關(guān)鍵代碼
int saveCount;
// 步驟1： 繪制本身View背景
if (!dirtyOpaque) {
drawBackground(canvas);
}
// 若有必要，則保存圖層（還有一個(gè)復(fù)原圖層）
// 優(yōu)化技巧：當(dāng)不需繪制 Layer 時(shí)，“保存圖層“和“復(fù)原圖層“這兩步會(huì)跳過(guò)
// 因此在繪制時(shí)哥遮，節(jié)省 layer 可以提高繪制效率
final int viewFlags = mViewFlags;
if (!verticalEdges && !horizontalEdges) {
// 步驟2：繪制本身View內(nèi)容
if (!dirtyOpaque)
onDraw(canvas);
// View 中：默認(rèn)為空實(shí)現(xiàn)岂丘，需復(fù)寫
// ViewGroup中：需復(fù)寫
// 步驟3：繪制子View
// ViewGroup中：系統(tǒng)已復(fù)寫好對(duì)其子視圖進(jìn)行繪制，不需復(fù)寫
dispatchDraw(canvas);
// 步驟4：繪制裝飾眠饮，如滑動(dòng)條奥帘、前景色等等
onDrawScrollBars(canvas);
return;
}
...
}
由于 步驟2：drawBackground（）、步驟3：onDraw（）仪召、步驟5：onDrawForeground（）寨蹋，與單一View的draw過(guò)程類似，此處不作過(guò)多描述
- 下面直接進(jìn)入與單一
Viewdraw過(guò)程最大不同的步驟4：dispatchDraw()
/**
* 源碼分析：dispatchDraw（）
* 作用：遍歷子View & 繪制子View
* 注：
* a. ViewGroup中：由于系統(tǒng)為我們實(shí)現(xiàn)了該方法扔茅，故不需重寫該方法
* b. View中默認(rèn)為空實(shí)現(xiàn)（因?yàn)闆]有子View可以去繪制）
*/
protected void dispatchDraw(Canvas canvas) {
......
// 1. 遍歷子View
final int childrenCount = mChildrenCount;
......
for (int i = 0; i < childrenCount; i++) {
......
if ((transientChild.mViewFlags & VISIBILITY_MASK) == VISIBLE ||
transientChild.getAnimation() != null) {
// 2. 繪制子View視圖 ->>分析1
more |= drawChild(canvas, transientChild, drawingTime);
}
....
}
}
/**
* 分析1：drawChild（）
* 作用：繪制子View
*/
protected boolean drawChild(Canvas canvas, View child, long drawingTime) {
// 最終還是調(diào)用了子 View 的 draw （）進(jìn)行子View的繪制
return child.draw(canvas, this, drawingTime);
}
至此已旧，ViewGroup的draw過(guò)程已分析完畢。
總結(jié)
ViewGroup的draw過(guò)程如下：
4. 其他細(xì)節(jié)問(wèn)題：View.setWillNotDraw()
/**
* 源碼分析：setWillNotDraw()
* 定義：View 中的特殊方法
* 作用：設(shè)置 WILL_NOT_DRAW 標(biāo)記位召娜；
* 注：
* a. 該標(biāo)記位的作用是：當(dāng)一個(gè)View不需要繪制內(nèi)容時(shí)运褪，系統(tǒng)進(jìn)行相應(yīng)優(yōu)化
* b. 默認(rèn)情況下：View 不啟用該標(biāo)記位（設(shè)置為false）；ViewGroup 默認(rèn)啟用（設(shè)置為true）
*/
public void setWillNotDraw(boolean willNotDraw) {
setFlags(willNotDraw ? WILL_NOT_DRAW : 0, DRAW_MASK);
}
// 應(yīng)用場(chǎng)景
// a. setWillNotDraw參數(shù)設(shè)置為true：當(dāng)自定義View繼承自 ViewGroup 玖瘸、且本身并不具備任何繪制時(shí)秸讹，設(shè)置為 true 后，系統(tǒng)會(huì)進(jìn)行相應(yīng)的優(yōu)化店读。
// b. setWillNotDraw參數(shù)設(shè)置為false：當(dāng)自定義View繼承自 ViewGroup 嗦枢、且需要繪制內(nèi)容時(shí)，那么設(shè)置為 false屯断，來(lái)關(guān)閉 WILL_NOT_DRAW 這個(gè)標(biāo)記位文虏。
5. 總結(jié)
- 本文全面總結(jié)了自定義
View的Draw過(guò)程，總結(jié)如下
| View類型 | 繪制流程(Draw) |
|---|---|
| 單一View | 僅繪制視圖View本身殖演。 |
| 視圖組ViewGroup | 繪制視圖本身和包含的所有子View氧秘。 |
- Carson帶你學(xué)Android自定義View文章系列：
Carson帶你學(xué)Android：自定義View基礎(chǔ)
Carson帶你學(xué)Android：一文梳理自定義View工作流程
Carson帶你學(xué)Android：自定義View繪制準(zhǔn)備-DecorView創(chuàng)建
Carson帶你學(xué)Android：自定義View Measure過(guò)程
Carson帶你學(xué)Android：自定義View Layout過(guò)程
Carson帶你學(xué)Android：自定義View Draw過(guò)程
Carson帶你學(xué)Android：手把手教你寫一個(gè)完整的自定義View
Carson帶你學(xué)Android：Canvas類全面解析
Carson帶你學(xué)Android：Path類全面解析
歡迎關(guān)注Carson_Ho的簡(jiǎn)書
不定期分享關(guān)于安卓開發(fā)的干貨，追求短趴久、平丸相、快，但卻不缺深度彼棍。
