本文实例讲述了android编程重写viewgroup实现卡片布局的方法。分享给大家供大家参考，具体如下：
实现效果如图：
实现思路
1. 重写onmeasure(int widthmeasurespec, int heightmeasurespec)设置每个子view的大小
2. 重写onlayout(boolean changed, int l, int t, int r, int b) 设置每个子view的位置
第一步：新建flowlayout继承viewgroup
|
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
|
package com.rong.activity;
import android.content.context;
import android.util.attributeset;
import android.view.view;
import android.view.viewgroup;
/**
* 卡片布局
*
* @author 徐荣
*
*/
public class flowlayout extends viewgroup {
public flowlayout(context context, attributeset attrs) {
super(context, attrs);
}
@override
protected void onlayout(boolean changed, int l, int t, int r, int b) {
// 当前子view的数量
int childsize = getchildcount();
// 获取行宽
int linewidth = getmeasuredwidth();
// 当前是第几行
int lines = 1;
// 当前累加的行宽
int nowlinewidth = 0;
for (int i = 0; i < childsize; i++) {
view view = getchildat(i);
// 子view的宽度
int childwidth = view.getmeasuredwidth();
// 子view的高度
int childheight = view.getmeasuredheight();
// 如果当前的nowlinewidth+childwidth>= linewidth 则换行
if (nowlinewidth + childwidth >= linewidth) {
nowlinewidth = 0;
lines = lines + 1;
}
// 设置子view的位置
view.layout(nowlinewidth, childheight * (lines - 1), nowlinewidth + childwidth, childheight * lines);
nowlinewidth = nowlinewidth + childwidth;
// 如果nowlinewidth >= linewidth 则换行
if (nowlinewidth >= linewidth) {
nowlinewidth = 0;
lines = lines + 1;
}
}
}
@override
protected void onmeasure(int widthmeasurespec, int heightmeasurespec) {
super.onmeasure(widthmeasurespec, heightmeasurespec);
// 设置自己view的大小
setmeasureddimension(widthmeasurespec, heightmeasurespec);
for (int i = 0; i < getchildcount(); i++) {
view view = getchildat(i);
// 设置每个子view的大小
view.measure(view.getmeasuredwidth(), view.getmeasuredheight());
}
}
}
|
第二步：新建布局文件
|
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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
|
<?xml version="1.0" encoding="utf-8"?>
<relativelayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/black"
android:orientation="vertical" >
<com.rong.activity.flowlayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#ffffff" >
<button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="apple" />
<button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="button" />
<button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="cup" />
<button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="double" />
<button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="ear" />
<button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="flower" />
<button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="game" />
<button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="hotdog" />
<button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="interseting" />
<button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="joker" />
<button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="king" />
<button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="mother" />
<button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="lost" />
<button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="noting" />
<button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="orange" />
<button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="poker" />
<button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="qustion" />
<button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="ring" />
<button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="string" />
<button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="type" />
<button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="unit" />
<button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="vertion" />
<button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="west" />
<button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="x" />
<button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="young" />
<button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="zip" />
</com.rong.activity.flowlayout>
</relativelayout>
|
运行！
希望本文所述对大家android程序设计有所帮助。