自定義View分類與流程（進階篇）##

轉載出處:

http://www.gcssloop.com/customview/CustomViewProcess/

自定義View繪制流程函數調用鏈（簡化版）

一、自定義View分類（非官方分類）###

1.自定義ViewGroup####

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

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

2.自定義View####

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

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

二、幾個重要的函數###

1.構造函數####

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

View的構造函數有四種重載分別如下：

    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,int defStyleAttr,int 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 SloopView(Context context){}
//一般在Layout文件中使用的時候會調用，關於它的所有屬性（包括自定義屬性）都會包含在attrs中傳遞進來。
public void SloopView（Context context,AttributeSet attrs）{}

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

//在Activity中
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大小

註意：

如果對View的寬和高進行修改了，不要調用super.onMeasure（widthMeasureSpec，heightMeasureSpec）；要調用setMeasureDimension（widthsize，heightsize）；這個函數。

3.確定View大小（onSizeChanged）####

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

Q：在測量完View並使用setMeasureDimension函數之後View的大小基本上已經確定了，那麽為什麽還要再次確定View的大小呢？
這是因為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();

5.繪制內容（onDraw）####

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

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

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

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

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

三、重點知識梳理###

自定義View分類####

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

自定義View流程：####

步驟            關鍵字                作用
1            構造函數                View初始化
2            onMeasure            測量View大小
3            onSizeChanged        確定View大小
4           onLayot                確定子View布局
5            onDraw                實際繪制內容
6            提供接口            控制View或監聽View某些狀態

自定義View分類與流程