一.自定義View繪製流程

二.自定義View分類

• 自定義ViewGroup
  自定義ViewGroup一般是利用現有的元件根據特定的佈局方式來組成新的元件，大多繼承自ViewGroup或各種Layout。

• 自定義View
  在沒有現成的View，需要自己實現的時候，就使用自定義View，一般繼承自View，SurfaceView或其他的View。

三.幾個重要的函式

建構函式

建構函式是View的入口，可以用於初始化一些的內容，和獲取自定義屬性。
View的建構函式有四種過載分別如下:

    public CustomView(Context context)
    {
        super
 
(context);
    }

    public CustomView(Context context, AttributeSet attrs)
    {
        super(context, attrs);
    }

    public CustomView(Context context, AttributeSet attrs, int defStyleAttr)
    {
        super(context, attrs, defStyleAttr);
    }

    public CustomView(Context context, AttributeSet attrs, int
 
 defStyleAttr, int defStyleRes) 
    {
        super(context, attrs, defStyleAttr, defStyleRes);
    }

有四個引數的建構函式在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 CustomView(Context context) {}

//一般在layout檔案中使用的時候會呼叫，關於它的所有屬性(包括自定義屬性)都會包含在attrs中傳遞進來。
public void CustomView(Context context, AttributeSet attrs) {}

以下方法呼叫的是一個引數的建構函式：

//在Activity中
CustomView customView = new CustomView(this);

以下方法呼叫的是兩個引數的建構函式：

 <com.zhoujian.viewevent.view.CustomView
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"/>

測量View大小(onMeasure)

為什麼要測量View大小？

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中：

注意: 用 MeasureSpec 的 getSize是獲取數值， getMode是獲取模式。如果對View的寬高進行修改了，不要呼叫 super.onMeasure( widthMeasureSpec, heightMeasureSpec); 要呼叫 setMeasuredDimension( widthsize, heightsize); 這個函式。

確定View大小(onSizeChanged)

這個函式在檢視大小發生改變時呼叫。

在測量完View並使用setMeasuredDimension函式之後View的大小基本上已經確定了，那麼為什麼還要再次確定View的大小呢？

這是因為View的大小不僅由View本身控制，而且受父控制元件的影響，所以我們在確定View大小的時候最好使用系統提供的onSizeChanged回撥函式。

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

可以看出，它又四個引數，分別為 寬度，高度，上一次寬度，上一次高度。

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

確定子View佈局位置(onLayout)

確定佈局的函式是onLayout，它用於確定子View的位置，在自定義ViewGroup中會用到，他呼叫的是子View的layout函式。

在自定義ViewGroup中，onLayout一般是迴圈取出子View，然後經過計算得出各個子View位置的座標值，然後用以下函式設定子View位置。

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

四個引數分別為：

繪製內容(onDraw)

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

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

完整的程式碼

package com.zhoujian.viewevent.view;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.util.AttributeSet;
import android.view.View;

/**
 * Created by zhoujian on 2017/1/19.
 */

public class CustomView extends View {


    public CustomView(Context context)
    {
        super(context);
    }

    /**
     * 初始化一些的內容，和獲取自定義屬性。
     * @param context
     * @param attrs
     */

    public CustomView(Context context, AttributeSet attrs)
    {
        super(context, attrs);
    }

    public CustomView(Context context, AttributeSet attrs, int defStyleAttr)
    {
        super(context, attrs, defStyleAttr);
    }


    /**
     * 測量view大小
     * @param widthMeasureSpec
     * @param heightMeasureSpec
     */
    @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);    //取出高度的測量模式
        setMeasuredDimension(widthsize,heightsize);
    }

    /**
     * 確定view大小
     * @param w
     * @param h
     * @param oldw
     * @param oldh
     */

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

    /**
     * 確定子View佈局位置
     * @param changed
     * @param left
     * @param top
     * @param right
     * @param bottom
     */

    @Override
    protected void onLayout(boolean changed, int left, int top, int right, int bottom)
    {
        super.onLayout(changed, left, top, right, bottom);
    }

    /**
     * 繪製內容
     * @param canvas
     */

    @Override
    protected void onDraw(Canvas canvas)
    {
        canvas.drawColor(Color.RED); //繪製藍色
    }
}

對外提供操作方法和監聽回撥

自定義完View之後，一般會對外暴露一些介面，用於控制View的狀態等，或者監聽View的變化.

參考文章