自定義View繪制流程函數(shù)調用鏈(簡化版)

一.自定義View分類

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

1.自定義ViewGroup

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

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

2.自定義View

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

例如：制作一個支持自動加載網(wǎng)絡圖片的ImageView，制作圖表等。

PS：自定義View在大多數(shù)情況下都有替代方案，利用圖片或者組合動畫來實現(xiàn)，但是使用后者可能會面臨內存耗費過大，制作麻煩等諸多問題。

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

1.構造函數(shù)

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

View的構造函數(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) {}

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

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

有三個參數(shù)的構造函數(shù)中第三個參數(shù)是默認的Style，這里的默認的Style是指它在當前Application或Activity所用的Theme中的默認Style，且只有在明確調用的時候才會生效，以系統(tǒng)中的ImageButton為例說明：

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

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

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

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

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

以下方法調用的是一個參數(shù)的構造函數(shù)：

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

以下方法調用的是兩個參數(shù)的構造函數(shù)：

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

關于構造函數(shù)先講這么多，關于如何自定義屬性和使用attrs中的內容，在后面會詳細講解，目前只需要知道這兩個構造函數(shù)在何時調用即可。

2.測量View大小(onMeasure)

Q: 為什么要測量View大??？

A: View的大小不僅由自身所決定，同時也會受到父控件的影響，為了我們的控件能更好的適應各種情況，一般會自己進行測量。

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

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

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

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

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

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

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

注意：

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

3.確定View大小(onSizeChanged)

這個函數(shù)在視圖大小發(fā)生改變時調用。

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

A: 這是因為View的大小不僅由View本身控制，而且受父控件的影響，所以我們在確定View大小的時候最好使用系統(tǒng)提供的onSizeChanged回調函數(shù)。

onSizeChanged如下：

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

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

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

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

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

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

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

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

具體可以參考坐標系這篇文章

PS：關于onLayout這個函數(shù)在講解自定義ViewGroup的時候會詳細講解。

5.繪制內容(onDraw)

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

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

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

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

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

本內容會在后續(xù)文章中以實例的方式進講解。

三.重點知識梳理

自定義View分類

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

自定義View流程：

到這里就結束啦。