Carson帶你學(xué)Android：一文梳理自定義View工作流程

前言

  • 自定義View 是 Android 開(kāi)發(fā)者必須了解的基礎(chǔ)
  • 網(wǎng)上有大量關(guān)于自定義View 原理的文章，但存在一些問(wèn)題：內(nèi)容不全、思路不清晰、無(wú)源碼分析、簡(jiǎn)單問(wèn)題復(fù)雜化等等
  • 今天，我將全面總結(jié)自定義View 的原理，我能保證這是市面上的最全面、最清晰、最易懂的
  1. 本文秉著“結(jié)論先行、詳細(xì)分析在后”的原則，即先讓大家感性認(rèn)識(shí)，再通過(guò)理性分析從而理解問(wèn)題；
  2. 所以，請(qǐng)各位讀者先記住結(jié)論，再往下繼續(xù)看分析；
  3. 文章較長(zhǎng)，閱讀需要較長(zhǎng)時(shí)間，建議收藏等充足時(shí)間再進(jìn)行閱讀

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：手把手教你寫(xiě)一個(gè)完整的自定義View
Carson帶你學(xué)Android：Canvas類(lèi)全面解析
Carson帶你學(xué)Android：Path類(lèi)全面解析

目錄

示意圖

1. 儲(chǔ)備知識(shí)

1.1 ViewRoot

  • 定義
    連接器，對(duì)應(yīng)于ViewRootImpl類(lèi)

  • 作用

    1. 連接WindowManager 和 DecorView
    2. 完成View的三大流程： measure、layout、draw

  • 特別注意

// 在主線程中，Activity對(duì)象被創(chuàng)建后：
// 1. 自動(dòng)將DecorView添加到Window中 & 創(chuàng)建ViewRootImpll對(duì)象
root = new ViewRootImpl(view.getContent(),display);

// 3. 將ViewRootImpll對(duì)象與DecorView建立關(guān)聯(lián)
root.setView(view,wparams,panelParentView)

1.2 DecorView

  • 定義：頂層View

即 Android 視圖樹(shù)的根節(jié)點(diǎn)；同時(shí)也是 FrameLayout 的子類(lèi)

  • 作用：顯示 & 加載布局

View層的事件都先經(jīng)過(guò)DecorView，再傳遞到View

  • 特別說(shuō)明
    內(nèi)含1個(gè)豎直方向的LinearLayout，分為2部分：上 = 標(biāo)題欄（titlebar）、下 = 內(nèi)容欄（content）
示意圖

在Activity中通過(guò) setContentView（）所設(shè)置的布局文件其實(shí)是被加到內(nèi)容欄之中的，成為其唯一子View = id為content的FrameLayout中

// 在代碼中可通過(guò)content得到對(duì)應(yīng)加載的布局

// 1. 得到content
ViewGroup content = (ViewGroup)findViewById(android.R.id.content);
// 2. 得到設(shè)置的View
ViewGroup rootView = (ViewGroup) content.getChildAt(0);

1.3 Window、Activity、DecorView 與 ViewRoot的關(guān)系

  • 簡(jiǎn)介
示意圖

1.4 自定義View基礎(chǔ)

了解自定義View流程前，需了解一定的自定義View基礎(chǔ)，具體請(qǐng)看文章：Carson帶你學(xué)Android：自定義View基礎(chǔ)

2. 繪制準(zhǔn)備

  • 回憶上圖，可看出最后1步 = 繪制


    示意圖
  • 但在繪制前，系統(tǒng)會(huì)有一些繪制準(zhǔn)備，即前面幾個(gè)步驟：創(chuàng)建PhoneWindow類(lèi)、DecorView類(lèi)、ViewRootmpl類(lèi)等

故，下面我會(huì)先將繪制前的準(zhǔn)備，再開(kāi)始講繪制流程

3. 繪制流程概述

  • 從上可知，View的繪制流程開(kāi)始于：ViewRootImpl對(duì)象的performTraversals()
  • 源碼分析
/**
  * 源碼分析：ViewRootImpl.performTraversals()
  */
  private void performTraversals() {

        // 1. 執(zhí)行measure流程
        // 內(nèi)部會(huì)調(diào)用performMeasure()
        measureHierarchy(host, lp, res,desiredWindowWidth, desiredWindowHeight);

        // 2. 執(zhí)行l(wèi)ayout流程
        performLayout(lp, mWidth, mHeight);

        // 3. 執(zhí)行draw流程
        performDraw();
    }
  • 從上面的performTraversals()可知：View的繪制流程從頂級(jí)View（DecorView）的ViewGroup開(kāi)始，一層一層從ViewGroup至子View遍歷測(cè)繪

即：自上而下遍歷、由父視圖到子視圖、每一個(gè) ViewGroup 負(fù)責(zé)測(cè)繪它所有的子視圖，而最底層的 View 會(huì)負(fù)責(zé)測(cè)繪自身

  • 繪制的流程 = measure過(guò)程、layout過(guò)程、draw過(guò)程，具體如下
示意圖
示意圖

下面，我將詳細(xì)講解View繪制的三大流程：measure過(guò)程、layout過(guò)程、draw過(guò)程

4. 詳細(xì)介紹

4.1 Measure 過(guò)程

  • 作用
    測(cè)量View的寬 / 高
  1. 在某些情況下，需要多次測(cè)量（measure）才能確定View最終的寬/高；
  2. 該情況下，measure過(guò)程后得到的寬 / 高可能不準(zhǔn)確；
  3. 此處建議：在layout過(guò)程中onLayout()去獲取最終的寬 / 高
  • 具體流程
示意圖
示意圖

4.2 Layout過(guò)程

  • 作用
    計(jì)算視圖（View）的位置

即計(jì)算View的四個(gè)頂點(diǎn)位置：Left、Top、Right 和 Bottom

  • 具體流程


    示意圖
示意圖
  • 詳細(xì)講解

請(qǐng)看文章：Carson帶你學(xué)Android：自定義View Layout過(guò)程

4.3 Draw過(guò)程

  • 作用
    繪制View視圖

  • 具體流程

示意圖
示意圖

至此，關(guān)于自定義View的工作流程講解完畢。

5. 自定義View的步驟

步驟1：實(shí)現(xiàn)Measure、Layout、Draw流程

  • 從View的工作流程（measure過(guò)程、layout過(guò)程、draw過(guò)程）來(lái)看，若要實(shí)現(xiàn)自定義View，根據(jù)自定義View的種類(lèi)不同（單一View / ViewGroup），需自定義實(shí)現(xiàn)不同的方法
  • 主要是：onMeasure()、onLayout()、onDraw()，具體如下
示意圖

步驟2：自定義屬性

  1. 在values目錄下創(chuàng)建自定義屬性的xml文件
  2. 在自定義View的構(gòu)造方法中加載自定義XML文件 & 解析屬性值
  3. 在布局文件中使用自定義屬性

6. 實(shí)例講解

結(jié)合原理 & 實(shí)現(xiàn)步驟，若需實(shí)現(xiàn)1個(gè)自定義View，請(qǐng)看文章：Carson帶你學(xué)Android：手把手教你寫(xiě)一個(gè)完整的自定義View

7. 總結(jié)

歡迎關(guān)注Carson_Ho的簡(jiǎn)書(shū)

不定期分享關(guān)于安卓開(kāi)發(fā)的干貨，追求短、平、快，但卻不缺深度。

請(qǐng)點(diǎn)贊！因?yàn)槟愕墓膭?lì)是我寫(xiě)作的最大動(dòng)力！

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書(shū)系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容