自定義View分類與流程(進(jìn)階篇)

自定義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)

如果想系統(tǒng)學(xué)習(xí)自定義View,推薦看作者GcsSloop系列文章###

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容