前言
- 自定義View 是 Android 開發(fā)者必須了解的基礎(chǔ)
- 網(wǎng)上有大量關(guān)于自定義View 原理的文章,但存在一些問題:內(nèi)容不全、思路不清晰、無源碼分析、簡單問題復(fù)雜化等等
- 今天,我將全面總結(jié)自定義View 的全工作流程,我能保證這是市面上的最全面、最清晰、最易懂的
- 本文秉著“結(jié)論先行、詳細分析在后”的原則,即先讓大家感性認識,再通過理性分析從而理解問題;
- 所以,請各位讀者先記住結(jié)論,再往下繼續(xù)看分析;
- 文章較長,閱讀需要較長時間,建議收藏等充足時間再進行閱讀
目錄
1. 儲備知識
1.1 ViewRoot
- 定義
- 連接器,對應(yīng)于ViewRootImpl類
- 作用
- 連接WindowManager 和 DecorView
- 完成View的三大流程: measure、layout、draw
- 特別注意
// 在主線程中,Activity對象被創(chuàng)建后: // 1. 自動將DecorView添加到Window中 & 創(chuàng)建ViewRootImpll對象 root = new ViewRootImpl(view.getContent(),display); // 3. 將ViewRootImpll對象與DecorView建立關(guān)聯(lián) root.setView(view,wparams,panelParentView)
1.2 DecorView
- 定義:頂層View
即 Android 視圖樹的根節(jié)點;同時也是 FrameLayout 的子類
- 作用:顯示 & 加載布局
View層的事件都先經(jīng)過DecorView,再傳遞到View
- 特別說明
- 內(nèi)含1個豎直方向的LinearLayout,分為2部分:上 = 標(biāo)題欄(titlebar)、下 = 內(nèi)容欄(content)
在Activity中通過 setContentView()所設(shè)置的布局文件其實是被加到內(nèi)容欄之中的,成為其唯一子View = id為content的FrameLayout中
// 在代碼中可通過content得到對應(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)系
- 簡介
- 之間的關(guān)系
- 更加詳細 & 具體的介紹,請看文章:Android自定義View基礎(chǔ):ViewRoot、DecorView & Window的簡介
1.4 自定義View基礎(chǔ)
了解自定義View流程前,需了解一定的自定義View基礎(chǔ),具體請看文章:(1)自定義View基礎(chǔ) - 最易懂的自定義View原理系列
2. 繪制準(zhǔn)備
- 回憶上圖,可看出最后1步 = 繪制
- 但在繪制前,系統(tǒng)會有一些繪制準(zhǔn)備,即前面幾個步驟:創(chuàng)建PhoneWindow類、DecorView類、ViewRootmpl類等
故,下面我會先將繪制前的準(zhǔn)備,再開始講繪制流程
- 主要包括:DecorView創(chuàng)建 & 顯示,具體請看文章:Android自定義View繪制前的準(zhǔn)備:DecorView創(chuàng)建 & 顯示
3. 繪制流程概述
- 從上可知,View的繪制流程開始于:ViewRootImpl對象的performTraversals()
- 源碼分析
/** * 源碼分析:ViewRootImpl.performTraversals() */ private void performTraversals() { // 1. 執(zhí)行measure流程 // 內(nèi)部會調(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的繪制流程從頂級View(DecorView)的ViewGroup開始,一層一層從ViewGroup至子View遍歷測繪
即:自上而下遍歷、由父視圖到子視圖、每一個 ViewGroup 負責(zé)測繪它所有的子視圖,而最底層的 View 會負責(zé)測繪自身
- 繪制的流程 = measure過程、layout過程、draw過程,具體如下
下面,我將詳細講解View繪制的三大流程:measure過程、layout過程、draw過程
4. 詳細介紹
4.1 Measure 過程
- 作用
- 測量View的寬 / 高
- 在某些情況下,需要多次測量(measure)才能確定View最終的寬/高;
- 該情況下,measure過程后得到的寬 / 高可能不準(zhǔn)確;
- 此處建議:在layout過程中onLayout()去獲取最終的寬 / 高
- 具體流程
- 詳細講解
- 請看文章:自定義View Measure過程 - 最易懂的自定義View原理系列(2)
4.2 Layout過程
- 作用
- 計算視圖(View)的位置
即計算View的四個頂點位置:Left、Top、Right 和 Bottom
- 具體流程
- 詳細講解
請看文章:自定義View Layout過程 - 最易懂的自定義View原理系列(3)
4.3 Draw過程
- 作用
- 繪制View視圖
- 具體流程
- 詳細講解
- 請看文章:(4)自定義View Draw過程- 最易懂的自定義View原理系列
至此,關(guān)于自定義View的工作流程講解完畢。
5. 自定義View的步驟
步驟1:實現(xiàn)Measure、Layout、Draw流程
- 從View的工作流程(measure過程、layout過程、draw過程)來看,若要實現(xiàn)自定義View,根據(jù)自定義View的種類不同(單一View / ViewGroup),需自定義實現(xiàn)不同的方法
- 主要是:onMeasure()、onLayout()、onDraw(),具體如下
步驟2:自定義屬性
- 在values目錄下創(chuàng)建自定義屬性的xml文件
- 在自定義View的構(gòu)造方法中加載自定義XML文件 & 解析屬性值
- 在布局文件中使用自定義屬性
6. 實例講解
結(jié)合原理 & 實現(xiàn)步驟,若需實現(xiàn)1個自定義View,請看文章:手把手教你寫一個完整的自定義View
7. 總結(jié)
- 本文全面總結(jié)自定義View 的原理。至此,關(guān)于自定義View的繪制流程您應(yīng)該非常熟悉了
- 接下來我將繼續(xù)對自定義View的應(yīng)用進行講解,有興趣的可以繼續(xù)關(guān)注Carson_Ho的安卓開發(fā)筆記