Android自定義控件進(jìn)階01-自定義控件開發(fā)套路與流程

本章節(jié)為什么要叫進(jìn)階篇？(雖然講的是基礎(chǔ)內(nèi)容)，因?yàn)閺谋酒_始，將會(huì)逐漸揭開自定義View的神秘面紗，每一篇都將比上一篇內(nèi)容更加深入，利用所學(xué)的知識(shí)能夠制作更加炫酷自定義View，就像在臺(tái)階上一樣，每一篇都更上一層，幫助大家一步步走向人生巔峰，出任CEO，迎娶白富美。 誤，是幫助大家更加了解那些炫酷的自定義View是如何制作的，達(dá)到舉一反三的效果。

自定義View繪制流程函數(shù)調(diào)用鏈(簡(jiǎn)化版)

image.png

一.自定義View分類

我將自定義View分為了兩類(sloop個(gè)人分類法，非官方)：

1.自定義ViewGroup

自定義ViewGroup一般是利用現(xiàn)有的組件根據(jù)特定的布局方式來組成新的組件，大多繼承自ViewGroup或各種Layout，包含有子View。

例如：應(yīng)用底部導(dǎo)航條中的條目，一般都是上面圖標(biāo)(ImageView)，下面文字(TextView)，那么這兩個(gè)就可以用自定義ViewGroup組合成為一個(gè)Veiw，提供兩個(gè)屬性分別用來設(shè)置文字和圖片，使用起來會(huì)更加方便。

2.自定義View

在沒有現(xiàn)成的View，需要自己實(shí)現(xiàn)的時(shí)候，就使用自定義View，一般繼承自View，SurfaceView或其他的View，不包含子View。

例如：制作一個(gè)支持自動(dòng)加載網(wǎng)絡(luò)圖片的ImageView，制作圖表等。
PS： 自定義View在大多數(shù)情況下都有替代方案，利用圖片或者組合動(dòng)畫來實(shí)現(xiàn)，但是使用后者可能會(huì)面臨內(nèi)存耗費(fèi)過大，制作麻煩等諸多問題。

二.幾個(gè)重要的函數(shù)

1.構(gòu)造函數(shù)

構(gòu)造函數(shù)是View的入口，可以用于初始化一些的內(nèi)容，和獲取自定義屬性。

View的構(gòu)造函數(shù)有四種重載分別如下:

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) {}

可以看出，關(guān)于View構(gòu)造函數(shù)的參數(shù)有多有少，先排除幾個(gè)不常用的，留下常用的再研究。

有四個(gè)參數(shù)的構(gòu)造函數(shù)在API21的時(shí)候才添加上，暫不考慮。

有三個(gè)參數(shù)的構(gòu)造函數(shù)中第三個(gè)參數(shù)是默認(rèn)的Style，這里的默認(rèn)的Style是指它在當(dāng)前Application或Activity所用的Theme中的默認(rèn)Style，且只有在明確調(diào)用的時(shí)候才會(huì)生效，以系統(tǒng)中的ImageButton為例說明：

public ImageButton(Context context, AttributeSet attrs) {
    //調(diào)用了三個(gè)參數(shù)的構(gòu)造函數(shù)，明確指定第三個(gè)參數(shù)
    this(context, attrs, com.android.internal.R.attr.imageButtonStyle);
}
public ImageButton(Context context, AttributeSet attrs, int defStyleAttr) {
    //此處調(diào)了四個(gè)參數(shù)的構(gòu)造函數(shù)，無視即可
    this(context, attrs, defStyleAttr, 0); 
}

注意：即使你在View中使用了Style這個(gè)屬性也不會(huì)調(diào)用三個(gè)參數(shù)的構(gòu)造函數(shù)，所調(diào)用的依舊是兩個(gè)參數(shù)的構(gòu)造函數(shù)。

由于三個(gè)參數(shù)的構(gòu)造函數(shù)第三個(gè)參數(shù)一般不用，暫不考慮，第三個(gè)參數(shù)的具體用法會(huì)在以后用到的時(shí)候詳細(xì)介紹。

排除了兩個(gè)之后，只剩下一個(gè)參數(shù)和兩個(gè)參數(shù)的構(gòu)造函數(shù)，他們的詳情如下：

//一般在直接New一個(gè)View的時(shí)候調(diào)用。
public void SloopView(Context context) {}
//一般在layout文件中使用的時(shí)候會(huì)調(diào)用，關(guān)于它的所有屬性(包括自定義屬性)都會(huì)包含在attrs中傳遞進(jìn)來。
public void SloopView(Context context, AttributeSet attrs) {}

以下方法調(diào)用的是一個(gè)參數(shù)的構(gòu)造函數(shù)：

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

以下方法調(diào)用的是兩個(gè)參數(shù)的構(gòu)造函數(shù)：

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

關(guān)于構(gòu)造函數(shù)先講這么多，關(guān)于如何自定義屬性和使用attrs中的內(nèi)容，在后面會(huì)詳細(xì)講解，目前只需要知道這兩個(gè)構(gòu)造函數(shù)在何時(shí)調(diào)用即可。

2.測(cè)量View大小(onMeasure)

Q: 為什么要測(cè)量View大??？

A: View的大小不僅由自身所決定，同時(shí)也會(huì)受到父控件的影響，為了我們的控件能更好的適應(yīng)各種情況，一般會(huì)自己進(jìn)行測(cè)量。

測(cè)量View大小使用的是onMeasure函數(shù)，我們可以從onMeasure的兩個(gè)參數(shù)中取出寬高的相關(guān)數(shù)據(jù)：

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

從上面可以看出 onMeasure 函數(shù)中有 widthMeasureSpec 和 heightMeasureSpec 這兩個(gè) int 類型的參數(shù)， 毫無疑問他們是和寬高相關(guān)的， 但它們其實(shí)不是寬和高， 而是由寬、高和各自方向上對(duì)應(yīng)的測(cè)量模式來合成的一個(gè)值：

測(cè)量模式一共有三種， 被定義在 Android 中的 View 類的一個(gè)內(nèi)部類View.MeasureSpec中：

在int類型的32位二進(jìn)制位中，31-30這兩位表示測(cè)量模式,29~0這三十位表示寬和高的實(shí)際值，實(shí)際上如下：

以數(shù)值1080(二進(jìn)制為: 1111011000)為例(其中模式和實(shí)際數(shù)值是連在一起的，為了展示我將他們分開了)：

PS: 實(shí)際上關(guān)于上面的東西了解即可，在實(shí)際運(yùn)用之中只需要記住有三種模式，用 MeasureSpec 的 getSize是獲取數(shù)值， getMode是獲取模式即可。

注意：

如果對(duì)View的寬高進(jìn)行修改了，不要調(diào)用 super.onMeasure( widthMeasureSpec, heightMeasureSpec); 要調(diào)用 setMeasuredDimension( widthsize, heightsize); 這個(gè)函數(shù)。

3.確定View大小(onSizeChanged)

這個(gè)函數(shù)在視圖大小發(fā)生改變時(shí)調(diào)用。

Q: 在測(cè)量完View并使用setMeasuredDimension函數(shù)之后View的大小基本上已經(jīng)確定了，那么為什么還要再次確定View的大小呢？

A: 這是因?yàn)閂iew的大小不僅由View本身控制，而且受父控件的影響，所以我們?cè)诖_定View大小的時(shí)候最好使用系統(tǒng)提供的onSizeChanged回調(diào)函數(shù)。

onSizeChanged如下：

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

可以看出，它又四個(gè)參數(shù)，分別為 寬度，高度，上一次寬度，上一次高度。

這個(gè)函數(shù)比較簡(jiǎn)單，我們只需關(guān)注 寬度(w), 高度(h) 即可，這兩個(gè)參數(shù)就是View最終的大小。

4.確定子View布局位置(onLayout)

確定布局的函數(shù)是onLayout，它用于確定子View的位置，在自定義ViewGroup中會(huì)用到，他調(diào)用的是子View的layout函數(shù)。

在自定義ViewGroup中，onLayout一般是循環(huán)取出子View，然后經(jīng)過計(jì)算得出各個(gè)子View位置的坐標(biāo)值，然后用以下函數(shù)設(shè)置子View位置。

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

四個(gè)參數(shù)分別為：

image.png

[圖片上傳失敗...(image-18a67c-1618553924487)]

PS：關(guān)于onLayout這個(gè)函數(shù)在講解自定義ViewGroup的時(shí)候會(huì)詳細(xì)講解。

5.繪制內(nèi)容(onDraw)

onDraw是實(shí)際繪制的部分，也就是我們真正關(guān)心的部分，使用的是Canvas繪圖。

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

關(guān)于Canvas繪圖是本章節(jié)的重點(diǎn)，會(huì)分幾篇文章進(jìn)行詳細(xì)講解，敬請(qǐng)期待OwO。

6.對(duì)外提供操作方法和監(jiān)聽回調(diào)

自定義完View之后，一般會(huì)對(duì)外暴露一些接口，用于控制View的狀態(tài)等，或者監(jiān)聽View的變化.

本內(nèi)容會(huì)在后續(xù)文章中以實(shí)例的方式進(jìn)講解。

三.重點(diǎn)知識(shí)梳理

自定義View分類

PS ：實(shí)際上ViewGroup是View的一個(gè)子類。
| 類別 | 繼承自 | 特點(diǎn) |
| :-------: | -------------------- | ---------- |
| View | View SurfaceView 等 | 不含子View |
| ViewGroup | ViewGroup xxLayout等 | 包含子View |

自定義View流程：