Shape、Selector 有救啦：告别枯燥 XML，尽情拥抱自定义 View

2023-12-05 21:12:24

解放 Shape 和 Selector，拥抱自定义 View

告别 XML，拥抱代码

作为 Android 开发者，我们经常使用 Shape 和 Selector 来设计美观的 UI。然而，每次都手工编写冗长的 XML 代码不仅枯燥无味，还限制了我们的设计灵活性。自定义 View 提供了一种解放 Shape 和 Selector 的强大途径，使我们能够摆脱 XML 的束缚，拥抱代码的可塑性。

自定义 View 的魅力

自定义 View 允许我们创建具有特定行为和外观的视图，为 UI 设计提供无限的可能性。我们可以根据需要定制自定义 View，从而简化代码，增强灵活性，并创建高度可复用的组件。

Shape 和 Selector 的解放

Shape 和 Selector 是自定义 View 的理想候选者。将它们封装在自定义 View 中，我们可以轻松管理和复用它们，从而大幅减少 XML 代码并简化维护。

实践指南

要创建自定义 Shape View，我们可以扩展 View 类并重写 onDraw() 方法。在 onDraw() 方法中，我们可以使用 Canvas 对象直接绘制 Shape。同样，我们可以通过扩展 View 类并重写 getDrawable() 方法来创建自定义 Selector View。在 getDrawable() 方法中，我们可以根据条件返回不同的 Drawable。

示例代码

以下是一个自定义 Shape View 的示例代码：

public class MyShapeView extends View {

    private Shape shape;

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

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        shape.draw(canvas);
    }

    public void setShape(Shape shape) {
        this.shape = shape;
        invalidate();
    }
}

以下是一个自定义 Selector View 的示例代码：

public class MySelectorView extends View {

    private Drawable drawable1;
    private Drawable drawable2;

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

    @Override
    public Drawable getDrawable() {
        return isPressed() ? drawable2 : drawable1;
    }

    public void setDrawable1(Drawable drawable1) {
        this.drawable1 = drawable1;
    }

    public void setDrawable2(Drawable drawable2) {
        this.drawable2 = drawable2;
    }
}