通过重写ViewGroup学习onMeasure()和onLayout()方法

╰+哭是因爲堅強的太久メ 2022-08-05 08:28 105阅读 0赞

在继承ViewGroup类时，需要重写两个方法，分别是onMeasure和onLayout。  
  
1，在方法onMeasure中调用setMeasuredDimension方法  
  
void android.view.View.setMeasuredDimension(int measuredWidth, int measuredHeight)  
  
在onMeasure(int, int)中，必须调用setMeasuredDimension(int width, int height)来存储测量得到的宽度和高度值，如果没有这么去做会触发异常IllegalStateException。  
  
2，在方法onMeasure中调用孩子的measure方法  
  
void android.view.View.measure(int widthMeasureSpec, int heightMeasureSpec)  
  
这个方法用来测量出view的大小。父view使用width参数和height参数来提供constraint信息。实际上，view的测量工作在onMeasure(int, int)方法中完成。因此，只有onMeasure(int, int)方法可以且必须被重写。参数widthMeasureSpec提供view的水平空间的规格说明，参数heightMeasureSpec提供view的垂直空间的规格说明。  
  
3，解析onMeasure(int, int)方法  
  
void android.view.View.onMeasure(int widthMeasureSpec, int heightMeasureSpec)  
  
测量view及其内容来确定view的宽度和高度。这个方法在measure(int, int)中被调用，必须被重写来精确和有效的测量view的内容。  
  
在重写这个方法时，必须调用setMeasuredDimension(int, int)来存储测量得到的宽度和高度值。执行失败会触发一个IllegalStateException异常。调用父view的onMeasure(int, int)是合法有效的用法。  
  
view的基本测量数据默认取其背景尺寸，除非允许更大的尺寸。子view必须重写onMeasure(int, int)来提供其内容更加准确的测量数值。如果被重写，子类确保测量的height和width至少是view的最小高度和宽度(通过getSuggestedMinimumHeight()和getSuggestedMinimumWidth()获取)。  
  
4，解析onLayout(boolean, int, int, int, int)方法  
  
void android.view.ViewGroup.onLayout(boolean changed, int l, int t, int r, int b)  
  
调用场景：在view给其孩子设置尺寸和位置时被调用。子view，包括孩子在内，必须重写onLayout(boolean, int, int, int, int)方法，并且调用各自的layout(int, int, int, int)方法。  
  
参数说明：参数changed表示view有新的尺寸或位置；参数l表示相对于父view的Left位置；参数t表示相对于父view的Top位置；参数r表示相对于父view的Right位置；参数b表示相对于父view的Bottom位置。.  
  
5，解析View.MeasureSpec类  
  
android.view.View.MeasureSpec  
  
MeasureSpec对象，封装了layout规格说明，并且从父view传递给子view。每个MeasureSpec对象代表了width或height的规格。  
  
MeasureSpec对象包含一个size和一个mode，其中mode可以取以下三个数值之一：  
  
    UNSPECIFIED，1073741824 \[0x40000000\]，未加规定的，表示没有给子view添加任何规定。  
    EXACTLY，0 \[0x0\]，精确的，表示父view为子view确定精确的尺寸。

AT\_MOST，-2147483648 \[0x80000000\]，子view可以在指定的尺寸内尽量大。

在这里给大家举一个例子demo：

第一步：自定义一个View实现ViewGroup接口，即自定义ViewGroup:

**\[java\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  **package** net.loonggg.viewgroup;  
2.    
3.  **import** android.content.Context;  
4.  **import** android.util.AttributeSet;  
5.  **import** android.view.View;  
6.  **import** android.view.ViewGroup;  
7.    
8.  **public** **class** MyViewGroup **extends** ViewGroup \{  
9.    
10.     **public** MyViewGroup(Context context) \{  
11.         **super**(context);  
12.     \}  
13.   
14.     **public** MyViewGroup(Context context, AttributeSet attrs) \{  
15.         **super**(context, attrs);  
16.     \}  
17.   
18.     **public** MyViewGroup(Context context, AttributeSet attrs, **int** defStyle) \{  
19.         **super**(context, attrs, defStyle);  
20.     \}  
21.   
22.     /\*\* 
23.      \* 计算控件的大小 
24.      \*/  
25.     @Override  
26.     **protected** **void** onMeasure(**int** widthMeasureSpec, **int** heightMeasureSpec) \{  
27.         **super**.onMeasure(widthMeasureSpec, heightMeasureSpec);  
28.         **int** measureWidth = measureWidth(widthMeasureSpec);  
29.         **int** measureHeight = measureHeight(heightMeasureSpec);  
30.         // 计算自定义的ViewGroup中所有子控件的大小  
31.         measureChildren(widthMeasureSpec, heightMeasureSpec);  
32.         // 设置自定义的控件MyViewGroup的大小  
33.         setMeasuredDimension(measureWidth, measureHeight);  
34.     \}  
35.   
36.     **private** **int** measureWidth(**int** pWidthMeasureSpec) \{  
37.         **int** result = 0;  
38.         **int** widthMode = MeasureSpec.getMode(pWidthMeasureSpec);// 得到模式  
39.         **int** widthSize = MeasureSpec.getSize(pWidthMeasureSpec);// 得到尺寸  
40.   
41.         **switch** (widthMode) \{  
42.         /\*\* 
43.          \* mode共有三种情况，取值分别为MeasureSpec.UNSPECIFIED, MeasureSpec.EXACTLY, 
44.          \* MeasureSpec.AT\_MOST。 
45.          \*  
46.          \*  
47.          \* MeasureSpec.EXACTLY是精确尺寸， 
48.          \* 当我们将控件的layout\_width或layout\_height指定为具体数值时如andorid 
49.          \* :layout\_width="50dip"，或者为FILL\_PARENT是，都是控件大小已经确定的情况，都是精确尺寸。 
50.          \*  
51.          \*  
52.          \* MeasureSpec.AT\_MOST是最大尺寸， 
53.          \* 当控件的layout\_width或layout\_height指定为WRAP\_CONTENT时 
54.          \* ，控件大小一般随着控件的子空间或内容进行变化，此时控件尺寸只要不超过父控件允许的最大尺寸即可 
55.          \* 。因此，此时的mode是AT\_MOST，size给出了父控件允许的最大尺寸。 
56.          \*  
57.          \*  
58.          \* MeasureSpec.UNSPECIFIED是未指定尺寸，这种情况不多，一般都是父控件是AdapterView， 
59.          \* 通过measure方法传入的模式。 
60.          \*/  
61.         **case** MeasureSpec.AT\_MOST:  
62.         **case** MeasureSpec.EXACTLY:  
63.             result = widthSize;  
64.             **break**;  
65.         \}  
66.         **return** result;  
67.     \}  
68.   
69.     **private** **int** measureHeight(**int** pHeightMeasureSpec) \{  
70.         **int** result = 0;  
71.   
72.         **int** heightMode = MeasureSpec.getMode(pHeightMeasureSpec);  
73.         **int** heightSize = MeasureSpec.getSize(pHeightMeasureSpec);  
74.   
75.         **switch** (heightMode) \{  
76.         **case** MeasureSpec.AT\_MOST:  
77.         **case** MeasureSpec.EXACTLY:  
78.             result = heightSize;  
79.             **break**;  
80.         \}  
81.         **return** result;  
82.     \}  
83.   
84.     /\*\* 
85.      \* 覆写onLayout，其目的是为了指定视图的显示位置，方法执行的前后顺序是在onMeasure之后，因为视图肯定是只有知道大小的情况下， 
86.      \* 才能确定怎么摆放 
87.      \*/  
88.     @Override  
89.     **protected** **void** onLayout(**boolean** changed, **int** l, **int** t, **int** r, **int** b) \{  
90.         // 记录总高度  
91.         **int** mTotalHeight = 0;  
92.         // 遍历所有子视图  
93.         **int** childCount = getChildCount();  
94.         **for** (**int** i = 0; i < childCount; i++) \{  
95.             View childView = getChildAt(i);  
96.   
97.             // 获取在onMeasure中计算的视图尺寸  
98.             **int** measureHeight = childView.getMeasuredHeight();  
99.             **int** measuredWidth = childView.getMeasuredWidth();  
100.   
101.             childView.layout(l, mTotalHeight, measuredWidth, mTotalHeight  
102.                     + measureHeight);  
103.   
104.             mTotalHeight += measureHeight;  
105.   
106.         \}  
107.     \}  
108.   
109. \}

第二步，布局文件：

**\[html\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  **<****RelativeLayout** xmlns:android="http://schemas.android.com/apk/res/android"  
2.      xmlns:tools="http://schemas.android.com/tools"  
3.      android:layout\_width="match\_parent"  
4.      android:layout\_height="match\_parent"  
5.      android:background="\#00f0f0"  
6.      tools:context=".MainActivity" **>**  
7.    
8.      **<****net.loonggg.viewgroup.MyViewGroup**  
9.          android:id="@+id/myViewGroup"  
10.         android:layout\_width="480dp"  
11.         android:layout\_height="300dp"  
12.         android:background="\#0f0f0f" **>**  
13.   
14.         **<****TextView**  
15.             android:layout\_width="200dp"  
16.             android:layout\_height="100dp"  
17.             android:background="\#000000"  
18.             android:gravity="center"  
19.             android:text="第一个TextView" **/>**  
20.   
21.         **<****TextView**  
22.             android:layout\_width="100dp"  
23.             android:layout\_height="200dp"  
24.             android:background="\#ffffff"  
25.             android:gravity="center"  
26.             android:text="第二个TextView" **/>**  
27.     **</****net.loonggg.viewgroup.MyViewGroup****>**  
28.   
29. **</****RelativeLayout****>**

第三步，MainActivity.java：

**\[java\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  **package** net.loonggg.viewgroup;  
2.    
3.  **import** android.os.Bundle;  
4.  **import** android.app.Activity;  
5.    
6.  **public** **class** MainActivity **extends** Activity \{  
7.    
8.      @Override  
9.      **protected** **void** onCreate(Bundle savedInstanceState) \{  
10.         **super**.onCreate(savedInstanceState);  
11.         setContentView(R.layout.activity\_main);  
12.     \}  
13.   
14. \}

ok，你们大家懂了吗？有问题请留言。

[view plain]: http://blog.csdn.net/loongggdroid/article/details/17515113#
[CODE]: https://code.csdn.net/assets/CODE_ico.png
[CODE_CODE]: https://code.csdn.net/snippets/125378
[ico_fork.svg]: https://code.csdn.net/assets/ico_fork.svg
[ico_fork.svg 1]: https://code.csdn.net/snippets/125378/fork