android 自定义View用xml 实现

原创

mob649e81673fa5 2023-07-18 04:10:11 ©著作权

©著作权归作者所有：来自51CTO博客作者mob649e81673fa5的原创作品，请联系作者获取转载授权，否则将追究法律责任

Android自定义View用XML实现

在Android开发中，我们经常需要自定义View来实现一些特殊的UI效果。传统的做法是通过继承View或其子类，然后重写相关的方法来实现我们需要的功能。但是，如果我们想要在XML布局文件中直接使用自定义View，该怎么办呢？本文将介绍如何使用XML来实现Android自定义View，并提供代码示例。

使用自定义属性

在XML布局中使用自定义View，首先要定义自定义属性。我们可以在res/values文件夹下的attrs.xml文件中定义这些属性。下面是一个例子：

<resources>
    <declare-styleable name="CustomView">
        <attr name="customColor" format="color" />
        <attr name="customText" format="string" />
    </declare-styleable>
</resources>

在上面的例子中，我们定义了一个名为CustomView的自定义属性集合，其中包含了customColor和customText两个属性。customColor是颜色类型，customText是字符串类型。

创建自定义View类

接下来，我们需要创建一个自定义View类来处理这些自定义属性。首先，我们需要继承View或其子类，如RelativeLayout、LinearLayout等。然后，我们需要重写构造方法和相关的绘制方法。

下面是一个简单的例子：

public class CustomView extends View {
    private int customColor;
    private String customText;

    public CustomView(Context context) {
        super(context);
        init(null);
    }

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

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

    private void init(AttributeSet attrs) {
        if (attrs != null) {
            TypedArray typedArray = getContext().obtainStyledAttributes(attrs, R.styleable.CustomView);
            customColor = typedArray.getColor(R.styleable.CustomView_customColor, Color.BLACK);
            customText = typedArray.getString(R.styleable.CustomView_customText);
            typedArray.recycle();
        }
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        // 绘制自定义View的内容
        Paint paint = new Paint();
        paint.setColor(customColor);
        canvas.drawText(customText, 0, 0, paint);
    }
}

在上面的例子中，我们通过三个不同的构造方法来处理不同的情况。在init方法中，我们使用TypedArray来获取自定义属性的值，并进行相应的处理。在onDraw方法中，我们使用Canvas来绘制自定义View的内容。

在XML布局中使用自定义View

现在我们已经定义了自定义属性和自定义View类，接下来就可以在XML布局中使用自定义View了。

下面是一个示例：

<LinearLayout xmlns:android="
    xmlns:app="
    ...
    >

    <com.example.CustomView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:customColor="#FF0000"
        app:customText="Hello World!" />
</LinearLayout>

在上面的例子中，我们使用了app命名空间来引用自定义属性。通过设置自定义属性的值，我们可以在XML布局中定制自定义View的外观和行为。