前言:雖然夢想為了現(xiàn)實暫時會妥協(xié),但終有一天,它將會實現(xiàn)
很多人認(rèn)為自定義控件中最不能理解的就是onMeasure方法了,只知道它是用來測量控件大小的,至于什么時候測量,怎么測量就不太清楚了。而且網(wǎng)上很多的博客都是錯誤的(當(dāng)然作者可能是理解的,這東西很多時候需要意會很難言傳)。這篇文章我們就深入學(xué)習(xí)onMeasure相關(guān)的知識點,帶著問題,我們一步步揭開onMeasure的神秘面紗。注意:本文不打算分析源碼,會以打log的形式來分析。源碼分析的話會在后期單獨來寫的。
言歸正傳,接觸到一個類,當(dāng)你不太了解他,如果貿(mào)然翻閱源碼只會讓你失去方向,不知從哪里下手;所以我們應(yīng)該從官方文檔著手,看看它是個什么東西,里面有哪些屬性和方法,都是用來干嘛的。下面我們看看官方文檔對View的介紹:
View這個類代表用戶界面組件的基本構(gòu)建塊。View在屏幕上占據(jù)一個矩形區(qū)域,并負(fù)責(zé)繪制和事件處理。View是用于創(chuàng)建交互式用戶界面組件(按鈕、文本等)的基礎(chǔ)類。它的子類ViewGroup是所有布局的父類,它是一個可以包含其他view或者viewGroup并定義它們的布局屬性的看不見的容器。
實現(xiàn)一個自定義View,你通常會覆蓋一些framework層在所有view上調(diào)用的標(biāo)準(zhǔn)方法。你不需要重寫所有這些方法。事實上,你可以只是重寫onDraw(android.graphics.Canvas)。
然后需要知道有一些方式都是干什么用的,你不用去別處找了,我已經(jīng)幫你找到了:
畫紅筆表示不常用(至今沒見過)
從上面官方文檔介紹我們可以知道,View是所有控件(包括ViewGroup)的父類,它里面有一些常見的方法(上表)
由于View繪制中onMeasure最難理解,下面開始講解onMeasure:
1. onMeasure什么時候會被調(diào)用
onMeasure方法的作用是測量控件的大小,什么時候需要測量控件的大小呢?我們舉個例子,做飯的時候我們炒一碗菜,炒菜的過程我們并不要求知道這道菜有多少分量,只有在菜做熟了我們要拿個碗盛放的時候,我們才需要掂量拿多大的碗盛放,這時候我們就要對菜的分量進(jìn)行估測。
??而我們的控件也正是如此,創(chuàng)建一個View(執(zhí)行構(gòu)造方法)的時候不需要測量控件的大小,只有將這個view放入一個容器(父控件)中的時候才需要測量,而這個測量方法就是父控件喚起調(diào)用的。當(dāng)控件的父控件要放置該控件的時候,父控件會調(diào)用子控件的onMeasure方法詢問子控件:“你有多大的尺寸,我要給你多大的地方才能容納你?”,然后傳入兩個參數(shù)(widthMeasureSpec和heightMeasureSpec),這兩個參數(shù)就是父控件告訴子控件可獲得的空間以及關(guān)于這個空間的約束條件(好比我在思考需要多大的碗盛菜的時候我要看一下碗柜里最大的碗有多大,菜的分量不能超過這個容積,這就是碗對菜的約束),子控件拿著這些條件就能正確的測量自身的寬高了。
2. onMeasure方法執(zhí)行流程
上面說到onMeasure方法是由父控件調(diào)用的,所有父控件都是ViewGroup的子類,ViewGroup是一個抽象類,它里面有一個抽象方法onLayout,這個方法的作用就是擺放它所有的子控件(安排位置),因為是抽象類,不能直接new對象,所以我們在布局文件中可以使用View但是不能直接使用 ViewGroup。
在給子控件確定位置之前,必須要獲取到子控件的大小(只有確定了子控件的大小才能正確的確定上下左右四個點的坐標(biāo)),而ViewGroup并沒有重寫View的onMeasure方法,也就是說抽象類ViewGroup沒有為子控件測量大小的能力,它只能測量自己的大小。但是既然ViewGroup是一個能容納子控件的容器,系統(tǒng)當(dāng)然也考慮到測量子控件的問題,所以ViewGroup提供了三個測量子控件相關(guān)的方法(measuireChildren\measuireChild\measureChildWithMargins),只是在ViewGroup中沒有調(diào)用它們,所以它本身不具備為子控件測量大小的能力,但是他有這個潛力哦。
為什么都有測量子控件的方法了而ViewGroup中不直接重寫onMeasure方法,然后在onMeasure中調(diào)用呢?因為不同的容器擺放子控件的方式不同,比如RelativeLayout,LinearLayout這兩個ViewGroup的子類,它們擺放子控件的方式不同,有的是線性擺放,而有的是疊加擺放,這就導(dǎo)致測量子控件的方式會有所差別,所以ViewGroup就干脆不直接測量子控件,他的子類要測量子控件就根據(jù)自己的布局特性重寫onMeasure方法去測量。這么看來ViewGroup提供的三個測量子控件的方法豈不是沒有作用?答案是NO,既然提供了就肯定有作用,這三個方法只是按照一種通用的方式去測量子控件,很多ViewGruop的子類測量子控件的時候就使用了ViewGroup的measureChildxxx系列方法;還有一個作用就是為我們自定義ViewGroup提供方便咯,自定義ViewGroup我會在以后的博客中專門探討,這里就不大費篇章了。
測量的時候父控件的onMeasure方法會遍歷他所有的子控件,挨個調(diào)用子控件的measure方法,measure方法會調(diào)用onMeasure,然后會調(diào)用setMeasureDimension方法保存測量的大小,一次遍歷下來,第一個子控件以及這個子控件中的所有子控件都會完成測量工作;然后開始測量第二個子控件…;最后父控件所有的子控件都完成測量以后會調(diào)用setMeasureDimension方法保存自己的測量大小。值得注意的是,這個過程不只執(zhí)行一次,也就是說有可能重復(fù)執(zhí)行,因為有的時候,一輪測量下來,父控件發(fā)現(xiàn)某一個子控件的尺寸不符合要求,就會重新測量一遍。
下面舉個簡單的例子:
下面是測量的時序圖:
3. MeasureSpec類
在學(xué)習(xí)onMasure方法之前,我們要先了解他的參數(shù)中的一個類MeasureSpec,知己知彼才能百戰(zhàn)百勝 。
跟蹤一下源碼,發(fā)現(xiàn)它是View中的一個靜態(tài)內(nèi)部類,是由尺寸和模式組合而成的一個值,用來描述父控件對子控件尺寸的約束,看看他的部分源碼,一共有三種模式,然后提供了合成和分解的方法:
/**
* measurespec封裝了父控件對他的孩子的布局要求。
* 一個measurespec由大小和模式。有三種可能的模式:
*/
public static class MeasureSpec {
private static final int MODE_SHIFT = 30;
private static final int MODE_MASK = 0x3 << MODE_SHIFT;
//父控件不強(qiáng)加任何約束給子控件,它可以是它想要任何大小。
public static final int UNSPECIFIED = 0 << MODE_SHIFT; //0
//父控件決定給孩子一個精確的尺寸
public static final int EXACTLY = 1 << MODE_SHIFT; //1073741824
//父控件會給子控件盡可能大的尺寸
public static final int AT_MOST = 2 << MODE_SHIFT; //-2147483648
/**
* 根據(jù)給定的尺寸和模式創(chuàng)建一個約束規(guī)范
*/
public static int makeMeasureSpec(int size, int mode) {
if (sUseZeroUnspecifiedMeasureSpec && mode == UNSPECIFIED) {
return 0;
}
return makeMeasureSpec(size, mode);
}
/**
* 從約束規(guī)范中獲取模式
*/
public static int getMode(int measureSpec) {
return (measureSpec & MODE_MASK);
}
/**
* 從約束規(guī)范中獲取尺寸
*/
public static int getSize(int measureSpec) {
return (measureSpec & ~MODE_MASK);
}
}
這樣說起來還是有點抽象,舉一個小栗子大家就知道這三種約束到底是什么意思。我們自定義一個View,為了方便起見,讓它繼承Button,布局文件中設(shè)置不同的寬高條件,然后在onMeasure方法中打印一下他的參數(shù)(int widthMeasureSpec, int heightMeasureSpec)到底是個什么東東:
public class MyView extends Button {
public MyView(Context context) {
super(context);
}
public MyView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public MyView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
int widthMode = MeasureSpec.getMode(widthMeasureSpec); //獲取寬的模式
int heightMode = MeasureSpec.getMode(heightMeasureSpec); //獲取高的模式
int widthSize = MeasureSpec.getSize(widthMeasureSpec); //獲取寬的尺寸
int heightSize = MeasureSpec.getSize(heightMeasureSpec); //獲取高的尺寸
Log.e("itydl", "寬的模式:"+widthMode);
Log.e("itydl", "高的模式:"+heightMode);
Log.e("itydl", "寬的尺寸:"+widthSize);
Log.e("itydl", "高的尺寸:"+heightSize);
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}
}
情形1,讓按鈕包裹內(nèi)容:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.itydl.lsn_ui_analysis.MainActivity">
<com.itydl.lsn_ui_analysis.MyView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="20sp"
android:text="按鈕------我是按鈕"
android:background="#ff0000"
/>
</LinearLayout>
log打印:
表示父親是確定的大小,孩子的layoutParams為wra_content的話,它的寬高模式為AT_MOST 寬高尺寸為父控件的剩余大小(可能需要減掉padding值)。
情形2,讓按鈕填充父窗體:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.itydl.lsn_ui_analysis.MainActivity">
<com.itydl.lsn_ui_analysis.MyView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:textSize="20sp"
android:text="按鈕------我是按鈕"
android:background="#ff0000"
/>
</LinearLayout>
log打印:
表示父親是確定的大小,孩子的layoutParams為match_parent的話,它的寬高模式為EXACTLY,寬高尺寸為父控件的剩余大小(可能需要減掉padding值)。
情形3,給按鈕的寬設(shè)置為具體的值:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.itydl.lsn_ui_analysis.MainActivity">
<com.itydl.lsn_ui_analysis.MyView
android:layout_width="100dp"
android:layout_height="match_parent"
android:textSize="20sp"
android:text="按鈕------我是按鈕"
android:background="#ff0000"
/>
</LinearLayout>
表示父親是確定的大小,孩子的layoutParams為寫死的一個具體大小值,那么孩子對應(yīng)的寬高模式為EXACTLY,寬高尺寸就為layoutParams對應(yīng)的值大小。
其實除了這三種之外,還有很多情況。咱們自定義View的寬高模式以及尺寸受到父親的MeasureSpec和自己的LayoutParams有關(guān)系,此外還和View的margin及padding有關(guān)。
下面提供一張表格,來說明View的MeasureSpec創(chuàng)建規(guī)則:
針對上標(biāo)做一個總結(jié):
4. 從ViewGroup的onMeasure到View的onMeasure
①. ViewGroup中三個測量子控件的方法:
通過上面的介紹,我們知道,如果要自定義ViewGroup就必須重寫onMeasure方法,在這里測量子控件的尺寸。子控件的尺寸怎么測量呢?ViewGroup中提供了三個關(guān)于測量子控件的方法,在下面給出:
1
/**
*遍歷ViewGroup中所有的子控件,調(diào)用measuireChild測量寬高
*/
protected void measureChildren (int widthMeasureSpec, int heightMeasureSpec) {
final int size = mChildrenCount;
final View[] children = mChildren;
for (int i = 0; i < size; ++i) {
final View child = children[i];
if ((child.mViewFlags & VISIBILITY_MASK) != GONE) {
//測量某一個子控件寬高
measureChild(child, widthMeasureSpec, heightMeasureSpec);
}
}
}
2
protected void measureChild(View child, int parentWidthMeasureSpec,
int parentHeightMeasureSpec) {
final LayoutParams lp = child.getLayoutParams();
final int childWidthMeasureSpec = getChildMeasureSpec(parentWidthMeasureSpec,
mPaddingLeft + mPaddingRight, lp.width);
final int childHeightMeasureSpec = getChildMeasureSpec(parentHeightMeasureSpec,
mPaddingTop + mPaddingBottom, lp.height);
child.measure(childWidthMeasureSpec, childHeightMeasureSpec);
}
3
protected void measureChildWithMargins(View child,
int parentWidthMeasureSpec, int widthUsed,
int parentHeightMeasureSpec, int heightUsed) {
final MarginLayoutParams lp = (MarginLayoutParams) child.getLayoutParams();
final int childWidthMeasureSpec = getChildMeasureSpec(parentWidthMeasureSpec,
mPaddingLeft + mPaddingRight + lp.leftMargin + lp.rightMargin
+ widthUsed, lp.width);
final int childHeightMeasureSpec = getChildMeasureSpec(parentHeightMeasureSpec,
mPaddingTop + mPaddingBottom + lp.topMargin + lp.bottomMargin
+ heightUsed, lp.height);
child.measure(childWidthMeasureSpec, childHeightMeasureSpec);
}
這三個方法分別做了那些工作大家應(yīng)該比較清楚了吧?measureChildren 就是遍歷所有子控件挨個測量(系統(tǒng)幫我們遍歷所有的孩子進(jìn)行測量),最終測量子控件的方法就是measureChild(我們需要自己遍歷進(jìn)行測量) 和measureChildWithMargins (我們需要自己遍歷進(jìn)行測量)了(顯然,在自定義ViewGroup的時候它有多個孩子有時候可能直接調(diào)用measureChildren方法交給系統(tǒng)給我們進(jìn)行測量),我們先了解幾個知識點:
measureChildWithMargins跟measureChild的區(qū)別就是父控件支不支持margin屬性
??支不支持margin屬性對子控件的測量是有影響的,比如我們的屏幕是1080x1920的,子控件的寬度為填充父窗體,如果使用了marginLeft并設(shè)置值為100;
在測量子控件的時候,如果用measureChild,計算的寬度是1080,而如果是使用measureChildWithMargins,計算的寬度是1080-100 = 980。怎樣讓ViewGroup支持margin屬性?
??ViewGroup中有兩個內(nèi)部類ViewGroup.LayoutParams和ViewGroup. MarginLayoutParams,MarginLayoutParams繼承自LayoutParams ,這兩個內(nèi)部類就是VIewGroup的布局參數(shù)類,比如我們在LinearLayout等布局中使用的layout_width\layout_hight等以“l(fā)ayout_ ”開頭的屬性都是布局屬性。在View中有一個mLayoutParams的變量用來保存這個View的所有布局屬性。LayoutParams和MarginLayoutParams 的關(guān)系
LayoutParams 中定義了兩個屬性(現(xiàn)在知道我們用的layout_width\layout_hight的來頭了吧?):
<declare-styleable name= "ViewGroup_Layout">
<attr name ="layout_width" format="dimension">
<enum name ="fill_parent" value="-1" />
<enum name ="match_parent" value="-1" />
<enum name ="wrap_content" value="-2" />
</attr >
<attr name ="layout_height" format="dimension">
<enum name ="fill_parent" value="-1" />
<enum name ="match_parent" value="-1" />
<enum name ="wrap_content" value="-2" />
</attr >
</declare-styleable >
MarginLayoutParams 是LayoutParams的子類,它當(dāng)然也延續(xù)了layout_width\layout_hight 屬性,但是它擴(kuò)充了其他屬性:
< declare-styleable name ="ViewGroup_MarginLayout">
<attr name ="layout_width" /> <!--使用已經(jīng)定義過的屬性-->
<attr name ="layout_height" />
<attr name ="layout_margin" format="dimension" />
<attr name ="layout_marginLeft" format= "dimension" />
<attr name ="layout_marginTop" format= "dimension" />
<attr name ="layout_marginRight" format= "dimension" />
<attr name ="layout_marginBottom" format= "dimension" />
<attr name ="layout_marginStart" format= "dimension" />
<attr name ="layout_marginEnd" format= "dimension" />
</declare-styleable >
是不是對布局屬性有了一個全新的認(rèn)識?原來我們使用的margin屬性是這么來的。
為什么LayoutParams 類要定義在ViewGroup中?
??大家都知道ViewGroup是所有容器的基類,一個控件需要被包裹在一個容器中,這個容器必須提供一種規(guī)則控制子控件的擺放,比如你的寬高是多少,距離那個位置多遠(yuǎn)等。所以ViewGroup有義務(wù)提供一個布局屬性類,用于控制子控件的布局屬性。為什么View中會有一個mLayoutParams 變量?
??我們在之前學(xué)習(xí)自定義控件的時候?qū)W過自定義屬性,我們在構(gòu)造方法中,初始化布局文件中的屬性值,我們姑且把屬性分為兩種。一種是本View的繪制屬性,比如TextView的文本、文字顏色、背景等,這些屬性是跟View的繪制相關(guān)的。另一種就是以“l(fā)ayout_”打頭的叫做布局屬性,這些屬性是父控件對子控件的大小及位置的一些描述屬性,這些屬性在父控件擺放它的時候會使用到,所以先保存起來,而這些屬性都是ViewGroup.LayoutParams定義的,所以用一個變量保存著。怎樣讓ViewGroup支持margin屬性?
這個知識點比較多,不打算在這里講,后面再加入這個知識點吧。
②. getChildMeasureSpec方法
measureChildWithMargins跟measureChild 都調(diào)用了這個方法,其作用就是通過父控件的寬高約束規(guī)則和父控件加在子控件上的寬高布局參數(shù)生成一個子控件的約束。我們知道View的onMeasure方法需要兩個參數(shù)(父控件對View的寬高約束),這個寬高約束就是通過這個方法生成的。有人會問為什么不直接拿著子控件的寬高參數(shù)去測量子控件呢?打個比方,父控件的寬高約束為wrap_content,而子控件為match_perent,是不是很有意思,父控件說我的寬高就是包裹我的子控件,我的子控件多大我就多大,而子控件說我的寬高填充父窗體,父控件多大我就多大。最后該怎么確定大小呢?所以我們需要為子控件重新生成一個新的約束規(guī)則。只要記住,子控件的寬高約束規(guī)則是父控件調(diào)用getChildMeasureSpec方法生成。
getChildMeasure方法代碼不多,也比較簡單,就是幾個switch將各種情況考慮后生成一個子控件的新的寬高約束,這個方法的結(jié)果能夠用一個表來概括:
進(jìn)行了上面的步驟,接下來就是在measureChildWithMarginsh或者measureChild中 調(diào)用子控件的measure方法測量子控件的尺寸了。
③. View的onMeasure
View中onMeasure方法已經(jīng)默認(rèn)為我們的控件測量了寬高,我們看看它做了什么工作:
protected void onMeasure( int widthMeasureSpec, int heightMeasureSpec) {
setMeasuredDimension( getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec),
getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec));
}
/**
* 為寬度獲取一個建議最小值
*/
protected int getSuggestedMinimumWidth () {
return (mBackground == null) ? mMinWidth : max(mMinWidth , mBackground.getMinimumWidth());
}
/**
* 獲取默認(rèn)的寬高值
*/
public static int getDefaultSize (int size, int measureSpec) {
int result = size;
int specMode = MeasureSpec. getMode(measureSpec);
int specSize = MeasureSpec. getSize(measureSpec);
switch (specMode) {
case MeasureSpec. UNSPECIFIED:
result = size;
break;
case MeasureSpec. AT_MOST:
case MeasureSpec. EXACTLY:
result = specSize;
break;
}
return result;
}
從源碼我們了解到:
如果View的寬高模式為未指定,他的寬高將設(shè)置為android:minWidth/Height =”“值與背景寬高值中較大的一個;這里的mMinWidth 就是在布局文件中寫最小寬度android:minWidth所寫的值,mBackground.getMinimumWidth()表示設(shè)置了背景的最小值。
- 如果View的寬高 模式為 EXACTLY (具體的size ),最終寬高就是這個size值;
- 如果View的寬高模式為EXACTLY (填充父控件 ),最終寬高將為填充父控件;
- 如果View的寬高模式為AT_MOST (包裹內(nèi)容),最終寬高也是填充父控件。
也就是說如果我們的自定義控件在布局文件中,只需要設(shè)置指定的具體寬高,或者M(jìn)ATCH_PARENT 的情況,我們可以不用重寫onMeasure方法。
但如果自定義控件需要設(shè)置包裹內(nèi)容WRAP_CONTENT ,我們需要重寫onMeasure方法,為控件設(shè)置需要的尺寸;默認(rèn)情況下WRAP_CONTENT 的處理也將填充整個父控件。
④. setMeasuredDimension
onMeasure方法最后需要調(diào)用setMeasuredDimension方法來保存測量的寬高值,如果不調(diào)用這個方法,可能會產(chǎn)生不可預(yù)測的問題。
這篇博客我們學(xué)習(xí)了onMeasure方法測量控件大小的流程,以及里面執(zhí)行的一些細(xì)節(jié),總結(jié)一下知識點:
1、測量控件大小是父控件發(fā)起的
2、父控件要測量子控件大小,需要重寫onMeasure方法,然后調(diào)用measureChildren或者measureChildWithMargin方法
3、on Measure方法的參數(shù)是通過getChildMeasureSpec生成的
如果我們自定義控件需要使用wrap_content,我們需要重寫onMeasure方法
測量控件的步驟:
父控件的
onMeasure->measureChildren
measureChildWithMargin->getChildMeasureSpec->子控件measure->onMeasure->setMeasureDimension->
父控件onMeasure結(jié)束調(diào)用setMeasureDimension保存自己的大小
至此onMeasure相關(guān)的知識已經(jīng)講解完畢了,下一篇自定義ViewGroup,會解決本篇遺留的一個問題:怎樣讓ViewGroup支持margin屬性?