安卓自定義View進階-分類與流程

時間 2019-12-12

標籤自定義 view 進階分類流程欄目 Android 简体版

原文原文鏈接

自定義View繪製流程函數調用鏈(簡化版)css

一.自定義View分類

我將自定義View分爲了兩類(sloop我的分類法，非官方)：html

1.自定義ViewGroup

自定義ViewGroup通常是利用現有的組件根據特定的佈局方式來組成新的組件，大多繼承自ViewGroup或各類Layout，包含有子View。java

例如：應用底部導航條中的條目，通常都是上面圖標(ImageView)，下面文字(TextView)，那麼這兩個就能夠用自定義ViewGroup組合成爲一個Veiw，提供兩個屬性分別用來設置文字和圖片，使用起來會更加方便。android

2.自定義View

在沒有現成的View，須要本身實現的時候，就使用自定義View，通常繼承自View，SurfaceView或其餘的View，不包含子View。git

例如：製做一個支持自動加載網絡圖片的ImageView，製做圖表等。github

PS：自定義View在大多數狀況下都有替代方案，利用圖片或者組合動畫來實現，可是使用後者可能會面臨內存耗費過大，製做麻煩更諸多問題。canvas

二.幾個重要的函數

1.構造函數

構造函數是View的入口，能夠用於初始化一些的內容，和獲取自定義屬性。網絡

View的構造函數有四種重載分別以下:ide

public void SloopView(Context context) {}
public void SloopView(Context context, AttributeSet attrs) {}
public void SloopView(Context context, AttributeSet attrs, int defStyleAttr) {}
public void SloopView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {}

能夠看出，關於View構造函數的參數有多有少，先排除幾個不經常使用的，留下經常使用的再研究。函數

有四個參數的構造函數在API21的時候才添加上，暫不考慮。

有三個參數的構造函數中第三個參數是默認的Style，這裏的默認的Style是指它在當前Application或Activity所用的Theme中的默認Style，且只有在明確調用的時候纔會生效，以系統中的ImageButton爲例說明：

public ImageButton(Context context, AttributeSet attrs) {
    //調用了三個參數的構造函數，明確指定第三個參數
    this(context, attrs, com.android.internal.R.attr.imageButtonStyle);
}

public ImageButton(Context context, AttributeSet attrs, int defStyleAttr) {
    //此處調了四個參數的構造函數，無視便可
    this(context, attrs, defStyleAttr, 0); 
}

注意：即便你在View中使用了Style這個屬性也不會調用三個參數的構造函數，所調用的依舊是兩個參數的構造函數。

因爲三個參數的構造函數第三個參數通常不用，暫不考慮，第三個參數的具體用法會在之後用到的時候詳細介紹。

排除了兩個以後，只剩下一個參數和兩個參數的構造函數，他們的詳情以下：

//通常在直接New一個View的時候調用。
public void SloopView(Context context) {}

//通常在layout文件中使用的時候會調用，關於它的全部屬性(包括自定義屬性)都會包含在attrs中傳遞進來。
public void SloopView(Context context, AttributeSet attrs) {}

如下方法調用的是一個參數的構造函數：

//在Avtivity中
SloopView view  new SloopView(this);

如下方法調用的是兩個參數的構造函數：

//在layout文件中 - 格式爲： 包名.View名
<com.sloop.study.SloopView
  android:layout_width"wrap_content"
  android:layout_height"wrap_content"/>

關於構造函數先講這麼多，關於如何自定義屬性和使用attrs中的內容，在後面會詳細講解，目前只須要知道這兩個構造函數在什麼時候調用便可。

2.測量View大小(onMeasure)

Q: 爲何要測量View大小？

A: View的大小不只由自身所決定，同時也會受到父控件的影響，爲了咱們的控件能更好的適應各類狀況，通常會本身進行測量。

測量View大小使用的是onMeasure函數，咱們能夠從onMeasure的兩個參數中取出寬高的相關數據：

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    int widthsize  MeasureSpec.getSize(widthMeasureSpec);      //取出寬度的確切數值
    int widthmode  MeasureSpec.getMode(widthMeasureSpec);      //取出寬度的測量模式
    
    int heightsize  MeasureSpec.getSize(heightMeasureSpec);    //取出高度的確切數值
    int heightmode  MeasureSpec.getMode(heightMeasureSpec);    //取出高度的測量模式
}

從上面能夠看出 onMeasure 函數中有 widthMeasureSpec 和 heightMeasureSpec 這兩個 int 類型的參數，毫無疑問他們是和寬高相關的， 但它們其實不是寬和高，而是由寬、高和各自方向上對應的測量模式來合成的一個值：

測量模式一共有三種，被定義在 Android 中的 View 類的一個內部類View.MeasureSpec中：

模式	二進制數值	描述
UNSPECIFIED	00	默認值，父控件沒有給子view任何限制，子View能夠設置爲任意大小。
EXACTLY	01	表示父控件已經確切的指定了子View的大小。
AT_MOST	10	表示子View具體大小沒有尺寸限制，可是存在上限，上限通常爲父View大小。

在int類型的32位二進制位中，31-30這兩位表示測量模式,29~0這三十位表示寬和高的實際值，實際上以下：

以數值1080(二進制爲: 1111011000)爲例(其中模式和實際數值是連在一塊兒的，爲了展現我將他們分開了)：

模式名稱	模式數值	實際數值
UNSPECIFIED	00	000000000000000000001111011000
EXACTLY	01	000000000000000000001111011000
AT_MOST	10	000000000000000000001111011000

PS: 實際上關於上面的東西瞭解便可，在實際運用之中只須要記住有三種模式，用 MeasureSpec 的 getSize是獲取數值， getMode是獲取模式便可。

注意：

若是對View的寬高進行修改了，不要調用 super.onMeasure( widthMeasureSpec, heightMeasureSpec); 要調用 setMeasuredDimension( widthsize, heightsize); 這個函數。

3.肯定View大小(onSizeChanged)

這個函數在視圖大小發生改變時調用。

Q: 在測量完View並使用setMeasuredDimension函數以後View的大小基本上已經肯定了，那麼爲何還要再次肯定View的大小呢？

A: 這是由於View的大小不只由View自己控制，並且受父控件的影響，因此咱們在肯定View大小的時候最好使用系統提供的onSizeChanged回調函數。

onSizeChanged以下：

@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
    super.onSizeChanged(w, h, oldw, oldh);
}

能夠看出，它又四個參數，分別爲寬度，高度，上一次寬度，上一次高度。

這個函數比較簡單，咱們只需關注寬度(w), 高度(h) 便可，這兩個參數就是View最終的大小。

4.肯定子View佈局位置(onLayout)

肯定佈局的函數是onLayout，它用於肯定子View的位置，在自定義ViewGroup中會用到，他調用的是子View的layout函數。

在自定義ViewGroup中，onLayout通常是循環取出子View，而後通過計算得出各個子View位置的座標值，而後用如下函數設置子View位置。

child.layout(l, t, r, b);

四個參數分別爲：

名稱	說明	對應的函數
l	View左側距父View左側的距離	getLeft();
t	View頂部距父View頂部的距離	getTop();
r	View右側距父View左側的距離	getRight();
b	View底部距父View頂部的距離	getBottom();

具體能夠參考座標系這篇文章。

PS：關於onLayout這個函數在講解自定義ViewGroup的時候會詳細講解。

5.繪製內容(onDraw)

onDraw是實際繪製的部分，也就是咱們真正關心的部分，使用的是Canvas繪圖。

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
}

關於Canvas繪圖是本章節的重點，會分幾篇文章進行詳細講解，敬請期待OwO。

6.對外提供操做方法和監聽回調

自定義完View以後，通常會對外暴露一些接口，用於控制View的狀態等，或者監聽View的變化.

本內容會在後續文章中以實例的方式進講解。

三.重點知識梳理

自定義View分類

PS ：實際上ViewGroup是View的一個子類。

類別	繼承自	特色
View	View SurfaceView 等	不含子View
ViewGroup	ViewGroup xxLayout等	包含子View

自定義View流程：

步驟	關鍵字	做用
1	構造函數	View初始化
2	onMeasure	測量View大小
3	onSizeChanged	肯定View大小
4	onLayout	肯定子View佈局(自定義View包含子View時有用)
5	onDraw	實際繪製內容
6	提供接口	控制View或監聽View某些狀態。