Android - View的绘制流程一（measure）

<span style="font-family:Microsoft YaHei;">public class MainActivity extends Activity {
	private int desiredWindowWidth;
	private int desiredWindowHeight;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		//获取屏幕的宽高，单位为dp
        	desiredWindowWidth = Measurement.getScreenWidth(this);
        	desiredWindowHeight = Measurement.getScreenHeight(this);
        	Log.d("HWGT", "屏幕宽..=.." + desiredWindowWidth + "....屏幕高..=.." + desiredWindowHeight);
	}
	@Override
	protected void onPause() {
		super.onPause();
		//获取状态栏的高度（标题栏+content区域的top坐标）
		Rect frame = new Rect();
		getWindow().getDecorView().getWindowVisibleDisplayFrame(frame);
		int statusBarHeight = Measurement.px2dip(this, frame.top);
        	//获取  标题栏+content 区域的高度
		int titleAndContentHeight = Measurement.px2dip(this, frame.height());
		//获取content区域的top坐标
        	int tempContentTop = getWindow().findViewById(Window.ID_ANDROID_CONTENT).getTop();
        	int contentTop = Measurement.px2dip(this, tempContentTop);
       	 	//标题栏的高度 = content区域的top坐标 - 状态栏的高度
		int titleBarHeight = contentTop - statusBarHeight;
		Log.d("HWGT", "titleBarHeight..=.."+titleBarHeight+
				"....contentTop..=.."+contentTop+"....statusBarHeight..=.." + statusBarHeight );
	}
}</span>

<span style="font-family:Microsoft YaHei;"><com.hwgt.drawingprocessofview.ui.MyCustomLinearLayoutA 
	xmlns:android="http://schemas.android.com/apk/res/android"
	xmlns:tools="http://schemas.android.com/tools"
	android:layout_width="match_parent"
	android:layout_height="match_parent"
	android:orientation="vertical"
	tools:context="com.hwgt.drawingprocessofview.MainActivity" >
	 <com.hwgt.drawingprocessofview.ui.MyCustomTextViewA
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:layout_marginTop="13dp"
		android:layout_gravity="center_horizontal"
		android:text="@string/hello_world" />
	<com.hwgt.drawingprocessofview.ui.MyCustomLinearLayoutB 
		android:layout_width="match_parent"
		android:layout_height="wrap_content"
		android:layout_marginTop="13dp">
		<com.hwgt.drawingprocessofview.ui.MyCustomButtonA
	   		android:layout_width="111dp"
	    	android:layout_height="wrap_content"
	    	android:layout_marginLeft="31dp"
	    	android:text="@string/ok"/>
	</com.hwgt.drawingprocessofview.ui.MyCustomLinearLayoutB>
</com.hwgt.drawingprocessofview.ui.MyCustomLinearLayoutA></span>

<span style="font-family:Microsoft YaHei;">public class Measurement {
	public static int px2dip(Context context, float pxValue) {
		final float scale = context.getResources().getDisplayMetrics().density;
		return (int) (pxValue / scale + 0.5f);
	}
	public static int getScreenWidth(Context context) {
		WindowManager manager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
		DisplayMetrics dm = new DisplayMetrics();
		manager.getDefaultDisplay().getMetrics(dm);
		return px2dip(context, dm.widthPixels);
	}
	public static int getScreenHeight(Context context) {
		WindowManager manager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
		DisplayMetrics dm = new DisplayMetrics();
		manager.getDefaultDisplay().getMetrics(dm);
		return px2dip(context, dm.heightPixels);
	}
}</span>

<span style="font-family:Microsoft YaHei;">public class MyCustomLinearLayoutA extends LinearLayout ... ...
public class MyCustomTextViewA extends TextView ... ...
public class MyCustomLinearLayoutB extends LinearLayout ... ...
public class MyCustomButtonA extends Button {
	@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
		super.onMeasure(widthMeasureSpec, heightMeasureSpec);
		int widthMeasureSpecSize = MeasureSpec.getSize(widthMeasureSpec);
		int heightMeasureSpecSize = MeasureSpec.getSize(heightMeasureSpec);
		Log.d("HWGT", "ButtonA: widthMeasureSpecSize..=.."+Measurement.px2dip(getContext(), widthMeasureSpecSize) 
				+ "....heightMeasureSpecSize..=.."+Measurement.px2dip(getContext(), heightMeasureSpecSize));
	}
}</span>

<span style="font-family:Microsoft YaHei;"><LinearLayout 
	xmlns:android="http://schemas.android.com/apk/res/android"  
	android:orientation="vertical"  
	android:fitsSystemWindows="true">  
	<FrameLayout  
		 android:layout_width="match_parent"   
		 android:layout_height="?android:attr/windowTitleSize"  
		 style="?android:attr/windowTitleBackgroundStyle">  
			<TextView 
				android:id="@android:id/title"   
	   			style="?android:attr/windowTitleStyle"  
	    		android:background="@null"  
	    		android:fadingEdge="horizontal"  
	    		android:gravity="center_vertical"  
	    		android:layout_width="match_parent"  
	    		android:layout_height="match_parent" />  
	</FrameLayout>  
	<FrameLayout 
		android:id="@android:id/content"  
		android:layout_width="match_parent"   
		android:layout_height="0dip"  
		android:layout_weight="1"  
		android:foregroundGravity="fill_horizontal|top"  
		android:foreground="?android:attr/windowContentOverlay" />  
</LinearLayout></span>

<span style="font-family:Microsoft YaHei;"><FrameLayout 
	xmlns:android="http://schemas.android.com/apk/res/android"  
	android:id="@android:id/content"  
	android:fitsSystemWindows="true"  
	android:foregroundInsidePadding="false"  
	android:foregroundGravity="fill_horizontal|top"  
	android:foreground="?android:attr/windowContentOverlay" /> </span>

紫色框代表根view -- mDecor

（该图截取自Android内核剖析一书，谢谢作者） 

 一个measurespec封装了父视图对子视图在长度或宽度上的要求。一个measurespec由大小和模式组成（使用makeMeasureSpec方法获取）。

其中，模式有三个可选值：

UNSPECIFIED：代表父视图对子视图在长度或宽度上不施加任何约束，子视图可以是任何它想要的大小

public final void measure(int widthMeasureSpec, int heightMeasureSpec) {

    onMeasure(widthMeasureSpec, heightMeasureSpec);

}

measure()方法定义在view中，是final类型的，子类不能重写，它里边调用了onMeasure()方法，在这里，如果是非ViewGroup类型的view对象，则执行view类中的onMeasure方法，而对于ViewGroup类型的对象比如FrameLayout和LinearLayout来讲，因为ViewGroup类中并没有重写onMeasure()方法，所以都将执行自己类中的onMeasure()方法，它们的大致逻辑如下:

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

    int count = getChildCount();

    for (int i = 0; i < count; i++) {

        final View child = getChildAt(i);

//遍历，执行 measureChildWithMargins(child, ... ... ) 方法（定义在ViewGroup类中）

         measureChildWithMargins(child, ... ...

protected void measureChildWithMargins(View child,

        int parentWidthMeasureSpec, int widthUsed,

        int parentHeightMeasureSpec, int heightUsed) {

child.measure(childWidthMeasureSpec, childHeightMeasureSpec);

}

    }

}

最终在measureChildWithMargins方法中又调用了measure方法，所以view的绘制是一个从根view到子view递归的过程。

如上文的图一和图二所示，在该博文的demo中，首先执行根view -- mDecor的measure方法，在mDecor的父类FrameLayout的onMeasure方法里进行遍历，然后mDecor的子类 —— 向mDecor里添加的窗口布局（图一中为R.layout.screen_simple，图二中为R.layout.screen_title）的measure方法得到执行，再在R.layout.screen_simple或R.layout.screen_title的onMeasure方法中进行遍历，执行到id为content的布局对应的measure方法，... ... ，直到该博文demo中的MyCustomLinearLayoutA的measure和onMeasure方法。

由于从DecorView到MyCustomLinearLayoutA进行遍历的过程中，还涉及到状态栏绘制的问题，本篇博文就不详细写了，但需要关注一点，就是onMeasure方法接收的参数的问题，这也是我们自定义view重写onMeasure方法时遇到的问题之一。

从performTraversals()方法中的host.measure(childWidthMeasureSpec, childHeightMeasureSpec)开始，在遍历的整个过程中，measure和onMeasure方法接收的参数都是一个measurespec，它封装了父视图对子视图在长度或宽度上的要求，我们可以通过MeasureSpec的getSize和getMode方法解析出对应的size和mode。

performTraversals()方法中host.measure方法接收的参数对应的size —— MeasureSpec.getSize（childWidthMeasureSpec）和MeasureSpec.getSize（childHeightMeasureSpec）正好是屏幕的宽和高

运行上述demo，打印log如下（测试手机1920*1080，单位全部换算为dp）：

在设置全屏和非全屏的情况下，MyCustomLinearLayoutA的onMeasure方法接收的参数对应的size —— MeasureSpec.getSize（widthMeasureSpec）和MeasureSpec.getSize（heightMeasureSpec）正好分别是上文图一和图二中红色部分即id为content的布局的宽和高（参考MainActivity的onPause方法）。

那是不是每一个view的onMeasure方法接收的参数对应的size都是其父视图的宽高呢？带着这个问题，我们就以MyCustomLinearLayoutA为例，从onMeasure()方法开始分析一个ViewGroup类型的视图遍历—measure子视图的详细过程。

LinearLayout类中的onMeasure()方法：

<span style="font-family:Microsoft YaHei;">protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    if (mOrientation == VERTICAL) {
        measureVertical(widthMeasureSpec, heightMeasureSpec);
    } else {
        measureHorizontal(widthMeasureSpec, heightMeasureSpec);
    }
}</span>