Android自定义控件ViewGroup实现标签云（四）

下面是对《Android自定义控件ViewGroup实现标签云（四）》的详细讲解：

1. 概述

该教程是由某作者编写的系列教程之一，介绍了如何通过继承ViewGroup来实现一个标签云。主要有以下几个部分：

1. 定义标签控件(TagView)，继承自TextView，并设置相关属性，如颜色、圆角、间距等；
2. 定义标签云布局控件(TagCloudView)，继承自ViewGroup，重写onMeasure()和onLayout()方法，实现标签的排列和间距等；
3. 在TagCloudView中添加TagView，实现标签的显示和动态添加；
4. 实现标签的点击事件和删除功能。

2. 示例说明

示例一：添加标签

首先，在布局文件中添加TagCloudView：

<com.example.tagcloudview.TagCloudView
    android:id="@+id/tag_cloud_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"/>

然后，在Activity中获取TagCloudView对象，并添加标签：

TagCloudView tagCloudView = findViewById(R.id.tag_cloud_view);
List<String> tags = new ArrayList<>();
tags.add("Java");
tags.add("Python");
tags.add("Kotlin");
tagCloudView.setTags(tags);

示例二：自定义标签样式

我们可以自定义TagView的样式，例如修改标签的颜色、背景、间距等。只需要在TagView的构造方法中设置相关属性即可。

public class TagView extends TextView {
    private int backgroundColor = Color.parseColor("#ffffff");
    private int textColor = Color.parseColor("#000000");
    private int radius = 20;
    private int horizontalPadding = 15;
    private int verticalPadding = 10;

    public TagView(Context context) {
        super(context);
        init();
    }

    public TagView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

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

    private void init() {
        setBackgroundResource(R.drawable.tag_bg);
        setTextColor(textColor);
        setPadding(horizontalPadding, verticalPadding, horizontalPadding, verticalPadding);
        setRadius(radius);
    }

    public void setBackgroundColor(int color) {
        backgroundColor = color;
        invalidate();
    }

    public void setTextColor(int color) {
        textColor = color;
        invalidate();
    }

    public void setPadding(int left, int top, int right, int bottom) {
        super.setPadding(left, top, right, bottom);
        invalidate();
    }

    public void setRadius(int r) {
        radius = r;
        setBackground(new TagBackgroundDrawable(backgroundColor, radius));
    }
}

上述代码中，我们设置了默认的背景颜色为白色，文字颜色为黑色，圆角大小为20px，水平和垂直间距分别为15px和10px。同时，我们提供了修改相关属性的方法，例如setBackgroundColor()、setTextColor()、setPadding()、setRadius()等。

另外，我们还设置了TagBackgroundDrawable类，用于绘制标签的背景颜色和圆角。

最后，我们在TagCloudView的构造方法中使用这些自定义属性：

public class TagCloudView extends ViewGroup {
    private int horizontalSpacing = 20;
    private int verticalSpacing = 20;

    public TagCloudView(Context context) {
        super(context);
    }

    public TagCloudView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

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

    public void setHorizontalSpacing(int spacing) {
        horizontalSpacing = spacing;
        requestLayout();
    }

    public void setVerticalSpacing(int spacing) {
        verticalSpacing = spacing;
        requestLayout();
    }

    public void setTags(List<String> tagList) {
        removeAllViews();
        for (String tag : tagList) {
            TagView tagView = new TagView(getContext());
            tagView.setText(tag);
            addView(tagView);
        }
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int width = MeasureSpec.getSize(widthMeasureSpec);
        int height = getPaddingTop() + getPaddingBottom();

        int childWidthMeasureSpec = MeasureSpec.makeMeasureSpec(width, MeasureSpec.AT_MOST);
        int childHeightMeasureSpec = MeasureSpec.makeMeasureSpec(height, MeasureSpec.AT_MOST);

        int lineSumWidth = 0;
        int lineMaxHeight = 0;

        for (int i = 0; i < getChildCount(); i++) {
            View child = getChildAt(i);
            measureChild(child, childWidthMeasureSpec, childHeightMeasureSpec);

            lineSumWidth += child.getMeasuredWidth();
            lineMaxHeight = Math.max(lineMaxHeight, child.getMeasuredHeight());

            if (lineSumWidth + horizontalSpacing * (i + 1) > width) {
                height += lineMaxHeight + verticalSpacing;
                lineSumWidth = child.getMeasuredWidth();
                lineMaxHeight = child.getMeasuredHeight();
            }
        }

        height += lineMaxHeight;

        setMeasuredDimension(width, height);
    }

    @Override
    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
        int x = getPaddingLeft();
        int y = getPaddingTop();
        int lineMaxHeight = 0;

        for (int i = 0; i < getChildCount(); i++) {
            View child = getChildAt(i);
            int childWidth = child.getMeasuredWidth();
            int childHeight = child.getMeasuredHeight();

            if (x + childWidth + horizontalSpacing > right - getPaddingRight()) {
                x = getPaddingLeft();
                y += lineMaxHeight + verticalSpacing;
                lineMaxHeight = childHeight;
            } else {
                lineMaxHeight = Math.max(lineMaxHeight, childHeight);
            }

            child.layout(x, y, x + childWidth, y + childHeight);

            x += childWidth + horizontalSpacing;
        }
    }
}

这样，我们就可以通过自定义属性来实现不同样式的标签了。