一步一步走進 自定義View

View簡介

1.View原理及其子類介紹

View是Android UI組件的基類,ViewGroup是容納UI組件的容器,ViewGroup本身也是從View派生出來的。Android視圖,是類似于Dom樹的架構。父視圖負責測量定位繪制等操作。我們經常在用的findViewById 方法代價昂貴的原因,就是因為他負責至上而下遍歷整棵控件樹,來尋找View實例,在重復操作中盡量少用。現在在用的很多控件都是直接或者間接繼承自View的,如下圖:


View與GroupView的子類詳盡繼承關系圖分析見:Android View與GroupView原理以及其子類描述
2.Android UI界面架構
每個Activity包含一個PhoneWindow對象,PhoneWindow類繼承了Window類,PhoneWindow類有兩個重要的成員變量mDecor和mContentParent,它們的類型分別DecorView和ViewGroup。其中,成員變量mDecor是用描述自己的窗口視圖,而成員變量mContentParent用來描述視圖內容的父窗口。PhoneWindow設置DecorView為應用窗口的根視圖,再里面就是熟悉的TitleView和ContentView。TitleView就是在很多界面頂部顯示的那部分內容,可以在代碼中控制讓它是否顯示沒錯,而ContentView就是一個FrameLayout,這個布局的id叫作content,平時使用的setContentView()就是設置的ContentView,調用setContentView()時所傳入的布局其實就是放到這個FrameLayout中的。

DecorView類所描述的應用程序窗口視圖是否需要重新繪制是由另外一個類ViewRoot來控制的,ViewRoot類繼承于Handler類。系統在啟動一個Activity組件的過程中,會為這個Activity組件創建一個ViewRoot對象,同時還會將前面為這個Activity組件所創建的一個PhoneWindow對象的成員變量mDecor所描述的一個視圖(DecorView)保存在這個ViewRoot對象的成員變量mView中。這樣,這個ViewRoot對象就可以通過調用它的成員變量mView的所描述的一個DecorView的成員函數draw來繪制一個Acitivity組件的UI了。ViewRoot類的作用是非常大的,它除了用來控制一個Acitivity組件的UI繪制之外,還負責接收Acitivity組件的IO輸入事件,例如,鍵盤事件。


View的繪制過程

由以上介紹可以知道,Android中的任何一個布局、任何一個控件其實都是直接或間接繼承自View的,如TextView、Button、ImageView、ListView等。這些控件雖然是Android系統本身就提供好的,我們只需要拿過來使用就可以了,那它們又是怎樣被繪制到屏幕上的呢?任何一個視圖都不可能憑空突然出現在屏幕上,它們都是要經過非常科學的繪制流程后才能顯示出來的。每一個視圖的繪制過程都必須經歷三個最主要的階段,即onMeasure()、onLayout()和onDraw(),三個階段的詳盡分析: Android視圖繪制流程完全解析 View(二)
附帶LayoutInflater的分析: Android LayoutInflater原理分析 View(一)

自定義View

1.為什么要自定義View?
  • 現有的View滿足不了你的需求,也沒有辦法從已有控件派生一個出來;界面元素需要自己繪制;
  • 現有View可以滿足要求,把它做成自定義View只是為了抽象:為這個自定義View提供若干方法,方便調用著操縱View。通常做法是派生一個已有View,或者結合xml文件直接inflate;
  • 在多個應用并行開發的團隊,將公用的交互效果提取成自定義控件,方便復用,減少不必要的重復勞動。

常見的Android自定義View主要有兩種類型:

  • 組合控件:通過Android的基礎控件(TextView、CheckBox、Button、ProgressBar等)組合而成,比如試題控件(TextView+VideoGroup)、下拉刷新、瀑布流控件、帶左/右滑功能的控件、視頻控件等,這種自定義View的難點在于程序的邏輯處理;
  • 完全自定義控件:繼承自View、TextureView或SurfaceView,然后重寫核心的回調方法,以View為例,按需復寫其構造函數、onMeasure、onLayout、onTouchEvent、onDraw、onAttachedToWindow、onDetachedFromWindow等方法,這種自定義View的難點在于程序的設計、效率優化和排版,比如輸入法中的手寫控件、圖文混排控件(現在很多都是通過webview加載網頁實現了)、詞典取詞控件、圖表控件、個性化進度條、彈幕顯示控件、Markdown控件、IDE代碼編輯控件等。
2.基礎知識點儲備

(1)了解下核心知識點View、SurfaceView、TextureView的區別:

  • View:普通View,與宿主窗口共享同一個繪圖表面,UI在主線程中繪制,在有無硬件加速的情況下都能工作(沒有硬件加速時,canvas的有些方法會失效);
  • SurfaceView:繼承自View,繪制和顯示效率高,因為擁有獨立的繪圖表面,UI在一個獨立的線程中進行繪制,不會占用主線程的資源。-
    SurfaceView的使用和普通的View不一樣,需要結合SurfaceHodler一起使用。因為和宿主窗口不是共享同一個繪圖表面的原因,筆者在實際使用SurfaceView的過程中發現對其做動畫操作會達不到想要的效果(一坨黑);
  • TextureView:繼承自View,與SurfaceView相比,TextureView不會創建一個單獨的繪圖表面,這使得它可以像一般的View一樣執行一些變換操作,比如移動、動畫等等,但TextureView必須在硬件加速開啟的窗口中才能正常工作。

(2)自義定屬性;
對于自定義View的一些屬性設置,除了可以在自定義View中提供公開接口外,還可以通過自定義屬性,在對自定義View布局時就指定,這樣可以簡化用戶使用控件的復雜度,實現自定義屬性的步驟如下:

  • 在res/values文件夾下新建一個attrs.xml的文件,在里面定義自定義屬性的ID、屬性和屬性對應的類型
<declare-styleable name="TipView">
    <attr name="singleLine" format="boolean"/>
    <attr name="styleMode">
        <flag name="white" value="1" />
        <flag name="orange" value="2" />
        <flag name="front" value="3" />
    </attr>
    <attr name="showMore" format="boolean" />
</declare-styleable>  
  • 在自定義View帶attrs參數的構造方法中解析自定義屬性值
int styleMode;
boolean singleLine = false;
boolean showMore = false;
if (null != attrs) {
    TypedArray tArray = context.obtainStyledAttributes(attrs, R.styleable.TipView);
    styleMode = tArray.getInt(R.styleable.TipView_styleMode, STYLE_MODE_WITHE);
    singleLine = tArray.getBoolean(R.styleable.TipView_singleLine, false);
    showMore = tArray.getBoolean(R.styleable.TipView_showMore, false);
    tArray.recycle();
}

對自定義屬性的解析需要注意兩點:
a. TypedArray使用后一定要調用其recycle方法,否則會有內存泄露的問題;
b. 如果自定義View在一個單獨的module中(不屬于主工程),對attr的獲取不能使用switch-case語句,要用if...else,具體原因之前有介紹過,詳見:在Android library中不能使用switch-case語句訪問資源ID的原因分析及解決方案

(3)SpannableString
可以通過它將同一串字符中的不同文字做不同的處理,比如某些文字的顏色、字體、背景色、大小等有變化,都可以通過它來設置,熟練掌握SpannableString對于靈活自定義View會有很大地幫助。

3.自定義View的步驟又是什么?

先看張自定義View的函數調用流程圖:


其中需注意的是(具體分析見:安卓自定義View進階 - 分類和流程):

  • 幾種重載的構造函數,在什么情況下調用哪種構造函數
  • 如何自定義屬性和使用attrs
  • 幾個重要的函數onMeasure、onLayout、onDraw等

繼續深一步的學習:

布局性能優化

在定義布局時,難免會有一些不必要的嵌套和View節點,那怎樣優化減少不必要的infalte呢?
使用抽象布局標簽(include, viewstub, merge)可進行相應的優化,還可以使用一些布局調優相關工具(hierarchy viewer和lint)等。具體分析見:性能優化之布局優化布局技巧:合并布局

  • <include/>標簽:常用于將布局中的公共部分提取出來供其他layout共用,以實現布局模塊化,這在布局編寫方便提供了大大的便利。
    include標簽唯一需要的屬性是layout屬性,指定需要包含的布局文件。可以定義android:id和android:layout_*屬性來覆蓋被引入布局根節點的對應屬性值。
  • <viewstub/>標簽:viewstub標簽同include標簽一樣可以用來引入一個外部布局,不同的是,viewstub引入的布局默認不會擴張,即既不會占用顯示也不會占用位置,從而在解析layout時節省cpu和內存。 viewstub常用來引入那些默認不會顯示,只在特殊情況下顯示的布局,如進度布局、網絡失敗顯示的刷新布局、信息出錯出現的提示布局等。
  • <merge/>標簽:使用了include后可能導致布局嵌套過多,多余不必要的layout節點,從而導致解析變慢,不必要的節點和嵌套可通過hierarchy viewer或設置->開發者選項->顯示布局邊界查看。merge標簽在UI的結構優化中起著非常重要的作用,它可以刪減多余的層級,優化UI。 merge標簽可用于兩種典型情況:
    a. 布局頂結點是FrameLayout且不需要設置background或padding等屬性,可以用merge代替,因為Activity內容視圖的parent view就是個FrameLayout,所以可以用merge消除只剩一個。
    b. 某布局作為子布局被其他布局include時,使用merge當作該布局的頂節點,這樣在被引入時頂結點會自動被忽略,而將其子節點全部合并到主布局中。
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 227,533評論 6 531
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,055評論 3 414
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 175,365評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,561評論 1 307
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,346評論 6 404
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 54,889評論 1 321
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 42,978評論 3 439
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,118評論 0 286
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,637評論 1 333
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,558評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,739評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,246評論 5 355
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 43,980評論 3 346
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,362評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,619評論 1 280
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,347評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,702評論 2 370

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,590評論 25 707
  • 內容抽屜菜單ListViewWebViewSwitchButton按鈕點贊按鈕進度條TabLayout圖標下拉刷新...
    皇小弟閱讀 46,837評論 22 665
  • 自從選擇工作轉型后,遇到過大大小小的困難,都咬著牙克服過來。從心底里覺得那些困難都不算什么事兒,因為我始終相信自己...
    島嶼書閱讀 405評論 0 2
  • 昨天把學習的隨記分享后,居然有人隱名打賞支持,有一位的金額還不少,像突發事件讓我慌了,自己只是為了學習,摘抄了一敏...
    青可路香閱讀 149評論 0 1
  • 你知道18歲和19歲的過渡間隙是什么樣的嗎?你知道18歲的你對19歲有什么想象嗎?你知道聽見夢里花開的聲...
    仄平閱讀 179評論 0 1