正文

Android编程重写ViewGroup实现卡片布局的方法

︶ㄣ米米素材网 メ
米米素材网V管理员 / 阅读
0717

这篇文章主要介绍了Android编程重写ViewGroup实现卡片布局的方法,实例分析新建FlowLayout继承ViewGroup类及设置布局文件实现卡片布局效果的相关技巧,需要的朋友可以参考下

本文实例讲述了android编程重写viewgroup实现卡片布局的方法。分享给大家供大家参考，具体如下：

实现效果如图：

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程序设计有所帮助。