自定義View分類與流程(進(jìn)階篇)##
轉(zhuǎn)載出處:
http://www.gcssloop.com/customview/CustomViewProcess/
自定義View繪制流程函數(shù)調(diào)用鏈(簡化版)
一、自定義View分類(非官方分類)###
1.自定義ViewGroup####
自定義ViewGroup一般是利用現(xiàn)有的組件根據(jù)特定的布局方式來組成的組件,大多繼承自ViewGroup或各種Layout,包含有子View。
例如:應(yīng)用底部導(dǎo)航條中的條目,一般都是上面圖標(biāo)(ImageView),下面文字(TextView),那么這兩個(gè)就可以用自定義ViewGroup組合成為一個(gè)View,提供兩個(gè)屬性分別來設(shè)置文字和圖片,使用起來會(huì)更加方便。
2.自定義View####
在沒有現(xiàn)成的View,需要自己實(shí)現(xiàn)的時(shí)候,就使用自定義View,一般繼承自View,SurfaceView或其他的View,不包含子View。
例如:制作一個(gè)支持自動(dòng)加載網(wǎng)絡(luò)圖片的ImageView,制作圖表等。
二、幾個(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,int defStyleAttr,int defStyleRes){}
有四個(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ù):
//在Activity中
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.測量View大?。╫nMeasure)####
Q:為什么要測量View大???
A:View的大小不僅由自身所決定,同時(shí)也會(huì)受到父控件的影響,為了我們的控件能更好的適應(yīng)各種情況,一般會(huì)自己進(jìn)行測量。
測量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);//取出寬度的測量模式
int heightSize=MeasureSpec.getSize(heightMeasureSpec);//取出高度的確切數(shù)值
int heightmode=MeasureSpec.getMode(heightMeasureSpec);//取出高度的測量模式
}
從上面可以看出onMeasure函數(shù)中有widthMeasureSpec和heightMeasureSpec這兩個(gè)int類型的參數(shù),但他們其實(shí)不是寬和高,而是寬、高和各自方向上對應(yīng)的測量模式來合成的一個(gè)值:
測量模式一共有三種,被定義在Android中的View類的一個(gè)內(nèi)部類View.MeasureSpec中:
模式 二進(jìn)制 描述
UNSPECIFIED 00 默認(rèn)值,父控件沒有給子View任何限制,子View可以設(shè)置任意大小
EXACTLY 01 表示父控件已經(jīng)確切的指定了子View的大小
AT_MOST 10 表示子View具體大小沒有尺寸限制,但是存在上限,上線一般為父View大小
注意:
如果對View的寬和高進(jìn)行修改了,不要調(diào)用super.onMeasure(widthMeasureSpec,heightMeasureSpec);要調(diào)用setMeasureDimension(widthsize,heightsize);這個(gè)函數(shù)。
3.確定View大?。╫nSizeChanged)####
這個(gè)函數(shù)在視圖大小發(fā)生改變時(shí)調(diào)用。
Q:在測量完View并使用setMeasureDimension函數(shù)之后View的大小基本上已經(jīng)確定了,那么為什么還要再次確定View的大小呢?
這是因?yàn)閂iew的大小不僅由View本身控制,而是受父控件的影響,所以我們在確定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ù)比較簡單,我們只需關(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ù)分別為:
名稱 說明 對應(yīng)的函數(shù)
l View左側(cè)距父View左側(cè)的距離 getLeft();
t View頂部距父View頂部的距離 getTop();
r View右側(cè)距父View左側(cè)的距離 getRight();
b View底部距父View頂部的距離 getBottom();
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ì)講解。
6.對外提供操作方法和監(jiān)聽回調(diào)####
自定義完View之后,一般會(huì)對外暴露一些接口,用于控制View的狀態(tài)等,或者監(jiān)聽View的變化。
三、重點(diǎn)知識梳理###
自定義View分類####
類別 繼承自 特點(diǎn)
View View SurfaceView等 不含子View
ViewGroup ViewGroup xxLayout等 包含子View
自定義View流程:####
步驟 關(guān)鍵字 作用
1 構(gòu)造函數(shù) View初始化
2 onMeasure 測量View大小
3 onSizeChanged 確定View大小
4 onLayot 確定子View布局
5 onDraw 實(shí)際繪制內(nèi)容
6 提供接口 控制View或監(jiān)聽View某些狀態(tài)