让自定义组合 View 变得简单

作为一名 Android 开发人员，自定义组合 View 是您开发库和提高应用程序性能的宝贵工具。但是，对于初学者来说，这可能是一个令人生畏的任务。

在这篇文章中，我将提供一个简单的示例，让您了解自定义组合 View 的基础知识。我会分解过程，一步一步地指导您完成。无论您是 Android 新手还是经验丰富的开发者，我保证您都会从中学到东西。

理解自定义组合 View

自定义组合 View 就像乐高积木，您可以将它们组合在一起以创建更复杂、可重复使用的 UI 元素。它们不仅可以节省您时间，还可以通过将复杂性封装到一个组件中来提高应用程序的可维护性。

创建自定义组合 View

要创建一个自定义组合 View，您需要创建一个新的 Java 类并扩展 View 或 ViewGroup 类。在我们的示例中，我们将创建一个名为 MyCustomView 的新类：

public class MyCustomView extends ViewGroup {
    // ...
}

添加自定义属性

自定义属性允许您通过 XML 配置您的组合 View。例如，要添加一个用于设置背景颜色的 backgroundColor 属性，您可以使用以下 XML 片段：

<com.example.mypackage.MyCustomView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:backgroundColor="#FF0000" />

测量和绘制

onMeasure() 和 onDraw() 方法对于自定义组合 View 至关重要。onMeasure() 方法确定视图及其子视图的大小，而 onDraw() 方法负责绘制视图。在我们的示例中，我们只需要重写 onMeasure() 方法来测量子视图：

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

    // 测量子视图
    for (int i = 0; i < getChildCount(); i++) {
        View child = getChildAt(i);
        child.measure(widthMeasureSpec, heightMeasureSpec);
    }

    // 设置自己的测量尺寸
    setMeasuredDimension(widthMeasureSpec, heightMeasureSpec);
}

一个简单的示例

让我们写一个简单的自定义组合 View，其中包含一个文本视图和一个按钮。文本视图将显示从按钮单击中收集的文本。

public class MyCustomView extends ViewGroup {

    private TextView textView;
    private Button button;

    public MyCustomView(Context context) {
        super(context);

        // 初始化文本视图
        textView = new TextView(context);
        textView.setText("Hello World!");

        // 初始化按钮
        button = new Button(context);
        button.setText("Click Me");

        // 将视图添加到组合视图
        addView(textView);
        addView(button);

        // 设置按钮的点击事件侦听器
        button.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                textView.setText("Button Clicked!");
            }
        });
    }

    // ...
}

---