自定義View分類與流程
自定義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分類與流程