android开发之添加标签与删除标签_安卓添加删除标签

老样子，先上效果图

标签容器这个在github上已经有很多人实现了，既然有轮子那为什么还要重复制造轮子呢？
本人比较懒，直接参考了https://github.com/XuYongJun96/FlowLayout
在它的基础上扩展了添加标签与删除标签的功能。

思路

既然是标签容器，那当然就用到了ViewGroup了。
重写onMeasure与onLayout方法。
在onMeasure计算每个标签的宽高，
在onLayout重新定位标签的位置。
从而做到标签能够自动换行显示。

核心代码

public class FlowLayout extends ViewGroup {
    public FlowLayout(Context context) {
        this(context, null);
    }

    public FlowLayout(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public FlowLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

        int sizeWidth = MeasureSpec.getSize(widthMeasureSpec);
        int modeWidth = MeasureSpec.getMode(widthMeasureSpec);
        int sizeHeight = MeasureSpec.getSize(heightMeasureSpec);
        int modeHeight = MeasureSpec.getMode(heightMeasureSpec);

        //wrap_content 也就是AT_MOST,需要自己去设置宽高
        int width = 0;
        int height = 0;

        //记录每一行元素的宽度和高度
        int lineWidth = 0;
        int lineHeight = 0;

        //得到布局中的所有元素
        int childCount = getChildCount();

        for (int i = 0; i < childCount; i++) {
            View child = getChildAt(i);
            //测量子View的宽和高
            measureChild(child, widthMeasureSpec, heightMeasureSpec);

            //得到LayoutParams，我们指定的是MarginLayoutParams
            MarginLayoutParams lp = (MarginLayoutParams) child.getLayoutParams();

            //获取子view占据的宽和高
            int childWidth = child.getMeasuredWidth() + lp.leftMargin + lp.rightMargin;
            int childHeight = child.getMeasuredHeight() + lp.topMargin + lp.bottomMargin;

            //判断是否需要换行
            if (lineWidth + childWidth > sizeWidth - getPaddingLeft() - getPaddingRight()) {//换行
                //对比得到最大宽度
                width = Math.max(lineWidth, width);
                //重置lineWidth
                lineWidth = childWidth;

                //记录的是上一行的行高，并没有记录当前行的宽和高，我们需要通过判断最后一个veiw来设置
                height += lineHeight;
                lineHeight = childHeight;
            } else {//不用换行
                //叠加行宽
                lineWidth += childWidth;
                //得到当前行最大高度
                lineHeight = Math.max(lineHeight, childHeight);
            }

            //最后一个控件,不管换没换行都没记录当前行的宽和高，我们要记录下
            if (i == childCount - 1) {
                width = Math.max(lineWidth, width);
                height += lineHeight;
            }

        }

        //自己设置宽度和高度
        setMeasuredDimension(modeWidth == MeasureSpec.EXACTLY ? sizeWidth : width + getPaddingRight() + getPaddingLeft(),
                modeHeight == MeasureSpec.EXACTLY ? sizeHeight : height + getPaddingBottom() + getPaddingTop());


        //super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }


    /**
     * 存放所有的子View
     */
    private List<List<View>> mAllViews = new ArrayList<List<View>>();

    /**
     * 每一行的高度
     */
    private List<Integer> mLineHeight = new ArrayList<Integer>();

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {

        //可能会调用多次
        mAllViews.clear();
        mLineHeight.clear();

        //获取当前ViewGroup的宽度
        int width = getWidth();

        int lineWidth = 0;
        int lineHeight = 0;

        //存放每一行的子View
        List<View> lineViews = new ArrayList<View>();

        int childCount = getChildCount();

        for (int i = 0; i < childCount; i++) {
            View child = getChildAt(i);

            MarginLayoutParams lp = (MarginLayoutParams) child.getLayoutParams();

            int childWidth = child.getMeasuredWidth();
            int childHeight = child.getMeasuredHeight();

            if (lineWidth + childWidth + lp.leftMargin + lp.rightMargin > width - getPaddingLeft() -getPaddingRight()) {

                //记录lineHeight
                mLineHeight.add(lineHeight);

                //记录当前行的View
                System.out.println("lineVIews:" + lineViews.size());
                mAllViews.add(lineViews);

                //重置行宽和行高
                lineWidth = 0;
                lineHeight = childHeight + lp.bottomMargin + lp.topMargin;

                //重置View集合
                lineViews = new ArrayList<>();
            }

            lineWidth += childWidth + lp.leftMargin + lp.rightMargin;
            lineHeight = Math.max(lineHeight, childHeight + lp.bottomMargin + lp.topMargin);

            lineViews.add(child);
        }//for end

        //处理最后一行
        mLineHeight.add(lineHeight);
        mAllViews.add(lineViews);

        //记录View的位置
        int left = 0 + getPaddingLeft();
        int top = 0 + getPaddingTop();

        //行数
        int lineNum = mAllViews.size();

        for (int i = 0; i < lineNum; i++) {
            //当前行的所有View
            lineViews = mAllViews.get(i);

            lineHeight = mLineHeight.get(i);

            for (int j = 0; j < lineViews.size(); j++) {
                View child = lineViews.get(j);
                //判断child的状态
                if (child.getVisibility() == View.GONE) {
                    continue;
                }

                MarginLayoutParams lp = (MarginLayoutParams) child.getLayoutParams();

                int lc = left + lp.leftMargin;
                int tc = top + lp.topMargin;
                int rc = lc + child.getMeasuredWidth();
                int bc = tc + child.getMeasuredHeight();

                //为子View进行布局
                child.layout(lc, tc, rc, bc);

                left += child.getMeasuredWidth() + lp.leftMargin + lp.rightMargin;
            }
            left = 0 + getPaddingLeft();
            top += lineHeight;
        }

    }

    /**
     * 与当前ViewGroup对应的LayoutParams,也是子View的获取得到的
     *
     * @param attrs
     * @return
     */
    @Override
    public LayoutParams generateLayoutParams(AttributeSet attrs) {
        return new MarginLayoutParams(getContext(), attrs);
    }
}
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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190

源码下载