自定義View之OnMeasure方法學習

前言:前幾天把onMeasure,onLayout的相關方法學習了一下,打算在做一個項目有深刻理解以後,在總結自己關於這兩個方法的學習。學習當中,感覺又會遇到新的問題,新的要學習的知識點。感覺如果還不把之前學習的內容,記錄下來,現在不抽出時間,那麼以後也抽不出時間。所以,學習一個知識點,就要記錄下,不要拖。或許,這就是解決拖延症的辦法:做一件事就做徹底,不留尾巴。Just Do It.

首先明確一點,關於View的視圖結構,是一個樹形遞歸結構。不論我們是在執行onMeasure方法,還是onLayout方法,都是按照這個流程結構走的。無論我們測量、還是調整佈局,都是從樹的頂端,一層一層遍歷,一個分支一個分支的執行measure,onMeasure,都測量完畢,在遞歸執行layout,onLayout。


所學onMeasure知識,關於對其總結,也是基於學習了各個博主的講解,結合源碼。最後給出相關博主連接。


Android 應用程序UI繪製分爲三個過程(先後順序是):測量measure,佈局位置layout,繪製draw。


關於View的遞歸遍歷,不僅是onMeasure適用,onLayout也一樣適用。

一次遍歷下來,第一個子控件以及這個子控件中的所有子控件都會完成測量工作;然後開始測量第二個子控件…;

最後父控件所有的子控件都完成測量以後會調用setMeasureDimension方法保存自己的測量大小。值得注意的是,

這個過程不只執行一次,也就是說有可能重複執行,因爲有的時候,一輪測量下來,父控件發現某一個子控件的尺寸不符合要求,

就會重新測量一遍。上圖:





一、在自定義View,一般情況下,只有View的寬、高屬性需要wrap_content的時候,纔會用到onMeasure方法。

在View的源碼中,measure(w,h)方法測量View的實際大小。是個final類型,不允許外部修改調用。所以繼承View的擴展類,只能調用measure(w,h)裏的onMeasure()方法,對佈局進行測量。但是子View計算自己寬高時,可以調用該方法。

public final void measure(int widthMeasureSpec, int heightMeasureSpec) {  
...  
  
onMeasure(widthMeasureSpec, heightMeasureSpec);  
...  
  
}  

看onMeasure()方法內部:

/** 
 * 這個方法需要被重寫,應該由子類去決定測量的寬高值.onMeasure方法寬高得到的是父佈局控件的寬高 
 */  
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {  
   setMeasuredDimension(getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec),  
    getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec));  
}
在onMeasure()方法內部調用了setMeasuredDimension()方法。,作用是來存儲測量寬,高值。作用是來存儲測量寬,高值。作用是來存儲測量寬,高值。(重要說三遍。)

/** 
 * 這個方法必須由onMeasure(int, int)來調用,來存儲測量的寬,高值。 
 */  
protected final void setMeasuredDimension(int measuredWidth, int measuredHeight) {  
    mMeasuredWidth = measuredWidth;  
    mMeasuredHeight = measuredHeight;  
  
    mPrivateFlags |= PFLAG_MEASURED_DIMENSION_SET;  
} 

在返回onMeasure()方法內,getDefaultSize()方法。看內部方法:

/** 
 * 作用是返回一個默認的值,如果MeasureSpec沒有強制限制的話則使用提供的大小.否則在允許範圍內可任意指定大小 
 * 第一個參數size爲提供的默認大小,第二個參數爲測量的大小 
 */  
public static int getDefaultSize(int size, int measureSpec) {  
    int result = size;  
    int specMode = MeasureSpec.getMode(measureSpec);//取mode
    int specSize = MeasureSpec.getSize(measureSpec);//取size
  
    switch (specMode) {  
        // Mode = UNSPECIFIED時使用提供的默認大小  
        case MeasureSpec.UNSPECIFIED:  
            result = size;  
            break;  
        // Mode = AT_MOST,EXACTLY時使用測量的大小  
        case MeasureSpec.AT_MOST:  
        case MeasureSpec.EXACTLY:  
            result = specSize;  
            break;  
    }  
    return result;  
}

可以看出,如果是mode爲:MeasureSpec.UNSPECIFIED時,調用取傳遞進來默認值。剩餘兩種情況,則是根據傳遞進來的measureSpec來取size大小。

在getDefaultSize方法裏傳參measureSpec,裏邊封裝了有我們需要去取兩個東西,一個是mode,一個是size。

mode有三個值:UNSPECIFIED、EXACTLY、AT_MOST。在我們佈局裏,就是分別是:指定具體寬高值,match_parent,wrap_content.三種方式。

size就是指的寬、高。

而measureSpec、size、mode他們三個關係,都封裝在View的一個內部類,MeasureSpec類當中。

來看下MeasureSpec類當中方法:

/** 
 * MeasureSpec封裝了父佈局傳遞給子佈局的佈局要求,每個MeasureSpec代表了一組寬度和高度的要求 
 * MeasureSpec由size和mode組成。 
 * 三種Mode: 
 * 1.UNSPECIFIED 
 * 父不沒有對子施加任何約束,子可以是任意大小(也就是未指定) 
 * (UNSPECIFIED在源碼中的處理和EXACTLY一樣。當View的寬高值設置爲0的時候或者沒有設置寬高時,模式爲UNSPECIFIED 
 * 2.EXACTLY 
 * 父決定子的確切大小,子被限定在給定的邊界裏,忽略本身想要的大小。 
 * (當設置width或height爲match_parent時,模式爲EXACTLY,因爲子view會佔據剩餘容器的空間,所以它大小是確定的) 
 * 3.AT_MOST 
 * 子最大可以達到的指定大小 
 * (當設置爲wrap_content時,模式爲AT_MOST, 表示子view的大小最多是多少,這樣子view會根據這個上限來設置自己的尺寸) 
 *  
 * MeasureSpecs使用了二進制去減少對象的分配。 
 */  
public class MeasureSpec{  
        // 進位大小爲2的30次方(int的大小爲32位,所以進位30位就是要使用int的最高位和倒數第二位也就是32和31位做標誌位)  
        private static final int MODE_SHIFT = 30;  
          
        // 運算遮罩,0x3爲16進制,10進製爲3,二進制爲11。3向左進位30,就是11 00000000000(11後跟30個0)  
        // (遮罩的作用是用1標註需要的值,0標註不要的值。因爲1與任何數做與運算都得任何數,0與任何數做與運算都得0)  
        private static final int MODE_MASK  = 0x3 << MODE_SHIFT;  
  
        // 0向左進位30,就是00 00000000000(00後跟30個0)  
        public static final int UNSPECIFIED = 0 << MODE_SHIFT;  
        // 1向左進位30,就是01 00000000000(01後跟30個0)  
        public static final int EXACTLY     = 1 << MODE_SHIFT;  
        // 2向左進位30,就是10 00000000000(10後跟30個0)  
        public static final int AT_MOST     = 2 << MODE_SHIFT;  
  
        /** 
         * 根據提供的size和mode得到一個詳細的測量結果 
         */  
        // measureSpec = size + mode;   (注意:二進制的加法,不是十進制的加法!)  
        // 這裏設計的目的就是使用一個32位的二進制數,32和31位代表了mode的值,後30位代表size的值  
        // 例如size=100(4),mode=AT_MOST,則measureSpec=100+10000...00=10000..00100  
        public static int makeMeasureSpec(int size, int mode) {  
            return size + mode;  
        }  
  
        /** 
         * 通過詳細測量結果獲得mode 
         */  
        // mode = measureSpec & MODE_MASK;  
        // MODE_MASK = 11 00000000000(11後跟30個0),原理是用MODE_MASK後30位的0替換掉measureSpec後30位中的1,再保留32和31位的mode值。  
        // 例如10 00..00100 & 11 00..00(11後跟30個0) = 10 00..00(AT_MOST),這樣就得到了mode的值  
        public static int getMode(int measureSpec) {  
            return (measureSpec & MODE_MASK);  
        }  
  
        /** 
         * 通過詳細測量結果獲得size 
         */  
        // size = measureSpec & ~MODE_MASK;  
        // 原理同上,不過這次是將MODE_MASK取反,也就是變成了00 111111(00後跟30個1),將32,31替換成0也就是去掉mode,保留後30位的size  
        public static int getSize(int measureSpec) {  
            return (measureSpec & ~MODE_MASK);  
        }  
  
        /** 
         * 重寫的toString方法,打印mode和size的信息,這裏省略 
         */  
        public static String toString(int measureSpec) {  
            return null;  
        }  
}

注意的是mode與size 的關係,二者是通過integer32位二進制來表示的。最前兩位表示mode值,後三十位表示size大小。

我們在重寫onMeasure時候,需要用到測量寬、高的精確值可以用到MeasureSpec.makeMeasureSpec(size,mode),返回一個int measureSpecWidth,int measureSpecHeight.

獲取size、mode大小就是通過該內部類靜態方法

int size = MeasureSpec.getSize(int measureSpecWidth);//或者傳參 measureSpecHeight 

int mode = MeasureSpec.getMode(int measureSpecWidth);//或者傳參 measureSpecHeight 


二、在ViewGroup、或者多個ViewGroup中,就用到了視圖樹的遞歸調用。

在測量之前首先要明確一點,需要測量的是一個View,還是一個ViewGroup,還是多個ViewGroup。如果是一個View測量一個就可以了。如果是ViewGroup或者多個ViewGroup嵌套,我們就需要循環遍歷視圖中所有的View。遍歷順序按着遍歷完一個二叉樹分支,在遍歷另一個分支...

<com.lhq.fight.CostomViewGroup xmlns:android="http://schemas.android.com/apk/res/android"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent"  
    android:background="#ffffefff"  
    >  
    <TextView  
        android:text="@string/tv_info"  
        android:layout_width="match_parent"  
        android:layout_height="wrap_content"  
        android:background="#5dff00ff"  
        android:id="@+id/textView1" />  
</com.gxy.text.CostomViewGroup> 

在自定義View中嵌套childView。在onMeasure中測量childView方法

@Override  
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {  
  
       //調用ViewGroup類中測量子類的方法  
       measureChildren(widthMeasureSpec, heightMeasureSpec);  
       //調用View類中默認的測量方法  
       super.onMeasure(widthMeasureSpec,heightMeasureSpec);  
  
}

super.onMeasure()測量值是父佈局的詳細寬高。而measureChildren()方法,是測量當前ViewGroup中childView的方法。

幾個關於測量childView時,有用的API:

int count = getChildCount();//獲取當前ViewGroup中所有ChildView的個數。

int childView = getChildAt(index);//根據下標或者指定的childView。在遍歷視圖樹時候使用。

int realWidth = getMeasuredWidth();//測量得到View的真實寬、高

int realHeight =  getMeasuredHeight();



/** 
 * 遍歷所有的子view去測量自己(跳過GONE類型View) 
 * @param widthMeasureSpec 父視圖的寬詳細測量值 
 * @param heightMeasureSpec 父視圖的高詳細測量值 
 */  
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);  
        }  
    }  
}  

在measureChidlren方法中,如果當前子View的狀態不是View.GONE狀態,則遍歷每一個子View後,都會測量每一個子View的寬高。

/** 
 * 測量單個視圖,將寬高和padding加在一起後交給getChildMeasureSpec去獲得最終的測量值 
 * @param child 需要測量的子視圖 
 * @param parentWidthMeasureSpec 父視圖的寬詳細測量值 
 * @param parentHeightMeasureSpec 父視圖的高詳細測量值 
 */  
protected void measureChild(View child, int parentWidthMeasureSpec,  
        int parentHeightMeasureSpec) {  
    // 取得子視圖的佈局參數  
    final LayoutParams lp = child.getLayoutParams();  
  
    // 通過getChildMeasureSpec獲取最終的寬高詳細測量值  
    final int childWidthMeasureSpec = getChildMeasureSpec(parentWidthMeasureSpec,  
            mPaddingLeft + mPaddingRight, lp.width);  
    final int childHeightMeasureSpec = getChildMeasureSpec(parentHeightMeasureSpec,  
            mPaddingTop + mPaddingBottom, lp.height);  
  
    // 將計算好的寬高詳細測量值傳入measure方法,完成最後的測量  
    child.measure(childWidthMeasureSpec, childHeightMeasureSpec);  
} 


還有一個在計算子View時,需要計算View的邊距:

measureChild 和measureChildWithMargins的區別就是是否把margin作爲子視圖的大小。需要計算進去。

//widthUsed、heightUsed就是傳入的額外使用空間,margin的距離。

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);
    }



最後childView去調用measure方法。我們在最後measure 我們的childView時,需要傳入childView的詳細寬、高值。那麼關於寬、高值得計算是在getChildMeasureSpec方法中

來看代碼:

/** 
 * 在measureChildren中最難的部分:找出傳遞給child的MeasureSpec。 
 * 目的是結合父view的MeasureSpec與子view的LayoutParams信息去找到最好的結果 
 * (也就是說子view的確切大小由兩方面共同決定:1.父view的MeasureSpec 2.子view的LayoutParams屬性) 
 *  
 * @param spec 父view的詳細測量值(MeasureSpec) 
 * @param padding view當前尺寸的的內邊距和外邊距(padding,margin) 
 * @param childDimension child在當前尺寸下的佈局參數寬高值(LayoutParam.width,height) 
 */  
public static int getChildMeasureSpec(int spec, int padding, int childDimension) {  
    //父view的模式和大小  
    int specMode = MeasureSpec.getMode(spec);     
    int specSize = MeasureSpec.getSize(spec);     
  
    //通過父view計算出的子view = 父大小-邊距(父要求的大小,但子view不一定用這個值)   
    int size = Math.max(0, specSize - padding);  
  
    //子view想要的實際大小和模式(需要計算)  
    int resultSize = 0;  
    int resultMode = 0;  
  
    //通過1.父view的MeasureSpec 2.子view的LayoutParams屬性這兩點來確定子view的大小  
    switch (specMode) {  
    // 當父view的模式爲EXACITY時,父view強加給子view確切的值(一般是父view設置爲match_parent或者固定值的ViewGroup)  
    case MeasureSpec.EXACTLY:  
        // 當子view的LayoutParams>0也就是有確切的值  
        if (childDimension >= 0) {  
            //子view大小爲子自身所賦的值,模式大小爲EXACTLY  
            resultSize = childDimension;  
            resultMode = MeasureSpec.EXACTLY;  
        // 當子view的LayoutParams爲MATCH_PARENT時(-1)  
        } else if (childDimension == LayoutParams.MATCH_PARENT) {  
            //子view大小爲父view大小,模式爲EXACTLY  
            resultSize = size;  
            resultMode = MeasureSpec.EXACTLY;  
        // 當子view的LayoutParams爲WRAP_CONTENT時(-2)      
        } else if (childDimension == LayoutParams.WRAP_CONTENT) {  
            //子view決定自己的大小,但最大不能超過父view,模式爲AT_MOST  
            resultSize = size;  
            resultMode = MeasureSpec.AT_MOST;  
        }  
        break;  
  
    // 當父view的模式爲AT_MOST時,父view強加給子view一個最大的值。(一般是父view設置爲wrap_content)  
    case MeasureSpec.AT_MOST:  
        // 道理同上  
        if (childDimension >= 0) {  
            resultSize = childDimension;  
            resultMode = MeasureSpec.EXACTLY;  
        } else if (childDimension == LayoutParams.MATCH_PARENT) {  
            resultSize = size;  
            resultMode = MeasureSpec.AT_MOST;  
        } else if (childDimension == LayoutParams.WRAP_CONTENT) {  
            resultSize = size;  
            resultMode = MeasureSpec.AT_MOST;  
        }  
        break;  
  
    // 當父view的模式爲UNSPECIFIED時,父容器不對view有任何限制,要多大給多大(多見於ListView、GridView)  
    case MeasureSpec.UNSPECIFIED:  
        if (childDimension >= 0) {  
            // 子view大小爲子自身所賦的值  
            resultSize = childDimension;  
            resultMode = MeasureSpec.EXACTLY;  
        } else if (childDimension == LayoutParams.MATCH_PARENT) {  
            // 因爲父view爲UNSPECIFIED,所以MATCH_PARENT的話子類大小爲0  
            resultSize = 0;  
            resultMode = MeasureSpec.UNSPECIFIED;  
        } else if (childDimension == LayoutParams.WRAP_CONTENT) {  
            // 因爲父view爲UNSPECIFIED,所以WRAP_CONTENT的話子類大小爲0  
            resultSize = 0;  
            resultMode = MeasureSpec.UNSPECIFIED;  
        }  
        break;  
    }  
    return MeasureSpec.makeMeasureSpec(resultSize, resultMode);  
} 

這段代碼,就是說明父View的mode最終來限定子View(childView)的mode,與size。通過size,與mode,最終計算出當前childView的詳細寬、高。

在LayoutParams中

 FILL_PARENT = -1;//方法過時

 MATCH_PARENT = -1;

 WRAP_CONTENT = -2;

最後通過一系列條件判斷,計算出size,mode,來返回子View的詳細寬、高值。MeasureSpec.makeMeasureSpec(resultSize,resultMode);

仔細看,可以用一個表格來概括這一段代碼。




最後給出學習參考:

大苞米onMeasure方法詳解

苦咖啡的onMeasure方法詳解

open_xu的onMeasure方法詳解

最後感謝各位博主的分享知識,感謝。














發佈了30 篇原創文章 · 獲贊 3 · 訪問量 11萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章