android之自定义ViewGroup和自动换行的布局的实现
摘要 viewgroup简单说就是可以装view的view. ViewGroup其实是一个视图容器，而他本身也是一个view，因为他是一个容器，所以很多布局控件都是由继承他才得以实现的，比如LinearLayout，FrameLayout等布局。 如果我们需要一个苛刻的布局，比如能根据子view的宽度自
viewgroup简单说就是可以装view的view.
ViewGroup其实是一个视图容器，而他本身也是一个view，因为他是一个容器，所以很多布局控件都是由继承他才得以实现的，比如LinearLayout，FrameLayout等布局。
如果我们需要一个苛刻的布局，比如能根据子view的宽度自动换行的布局，那么我们通过自定义ViewGroup来实现是最好的方法。
今天遇到一个问题，就是需要一个可以自动根据一行中view的宽度自动换行的布局，网上找了下，没有相关的例子，但是找到了思路：自定义一个viewgroup,然后在onlayout文件里面自动检测view的右边缘的横坐标值，和你的view的parent view的况度判断是否换行显示view就可以了。因为代码比较简单，就不多说了：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
|
public class MyViewGroup extends ViewGroup {
private final static String TAG =
"MyViewGroup"
;
private final static int VIEW_MARGIN = 2;
public MyViewGroup(Context context) {
super
(context);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
Log.d(TAG,
"widthMeasureSpec = "
+ widthMeasureSpec
+
" heightMeasureSpec"
+ heightMeasureSpec);
for
(int index = 0; index < getChildCount(); index++) {
final View child = getChildAt(index);
// measure
child.measure(MeasureSpec.UNSPECIFIED, MeasureSpec.UNSPECIFIED);
}
super
.onMeasure(widthMeasureSpec, heightMeasureSpec);
}
@Override
protected void onLayout(boolean arg0, int arg1, int arg2, int arg3, int arg4) {
Log.d(TAG,
"changed = "
+ arg0 +
" left = "
+ arg1 +
" top = "
+ arg2
+
" right = "
+ arg3 +
" botom = "
+ arg4);
final int count = getChildCount();
int row = 0;
// which row lay you view relative to parent
int lengthX = arg1;
// right position of child relative to parent
int lengthY = arg2;
// bottom position of child relative to parent
for
(int i = 0; i < count; i++) {
final View child =
this
.getChildAt(i);
int width = child.getMeasuredWidth();
int height = child.getMeasuredHeight();
lengthX += width + VIEW_MARGIN;
lengthY = row * (height + VIEW_MARGIN) + VIEW_MARGIN + height
+ arg2;
// if it can't drawing on a same line , skip to next line
if
(lengthX > arg3) {
lengthX = width + VIEW_MARGIN + arg1;
row++;
lengthY = row * (height + VIEW_MARGIN) + VIEW_MARGIN + height
+ arg2;
}
child.layout(lengthX - width, lengthY - height, lengthX, lengthY);
}
}
}
|
这里有个地方要注意，那就要明白ViewGroup的绘图流程：ViewGroup绘制包括两个步骤：1.measure 2.layout
在两个步骤中分别调用回调函数：1.onMeasure() 2.onLayout()
1.onMeasure() 在这个函数中，ViewGroup会接受childView的请求的大小，然后通过childView的 measure(newWidthMeasureSpec, heightMeasureSpec)函数存储到childView中，以便childView的getMeasuredWidth() andgetMeasuredHeight() 的值可以被后续工作得到。
2.onLayout() 在这个函数中，ViewGroup会拿到childView的getMeasuredWidth() andgetMeasuredHeight()，用来布局所有的childView。
3.View.MeasureSpec 与 LayoutParams 这两个类，是ViewGroup与childView协商大小用的。其中，View.MeasureSpec是ViewGroup用来部署 childView用的， LayoutParams是childView告诉ViewGroup 我需要多大的地方。
4.在View 的onMeasure的最后要调用setMeasuredDimension()这个方法存储View的大小，这个方法决定了当前View的大小。
效果图：
