Android自定义控件之圆形/圆角的实现代码

在讲解Android自定义控件之圆形/圆角实现代码的攻略之前，我们先来了解一下Android中自定义控件的基本概念和实现方法。

Android自定义控件的基本概念和实现方法

在Android中，我们可以通过继承View或其子类，实现自定义控件。其中主要的子类有：

• ImageView：用于显示图片的控件。
• TextView：用于显示文字的控件。
• Button：用于展示可点击的按钮。
• EditText：用于输入文字的控件。
• ViewGroup：用于包含和管理子控件的容器类。

自定义控件通常都是继承自View或ViewGroup类，例如自定义控件中最常见的是继承View并重写onDraw方法，从而实现绘制自己的View的效果。

在继承View或ViewGroup类之后，我们需要覆盖它的一些方法，才能实现我们所需的效果。常见需要覆盖的方法包括：

• onMeasure方法：用于测量控件的大小。
• onLayout方法：用于布局子控件的位置。
• onDraw方法：用于绘制控件的视图。

通过重写上述方法，自定义控件就可以实现我们所需的效果。

接下来，我们来分别介绍实现圆形控件和圆角控件的方法。

实现圆形控件

首先，我们要定义一个继承自View的类，比如我们叫它CircleView。然后在CircleView类中，我们需要重写onDraw方法进行绘制操作。

在onDraw方法中，我们先获取控件的宽高，并计算出圆的半径（即宽高中较小的值除以2），然后使用Canvas类的drawCircle方法绘制圆形。具体的代码如下所示：

public class CircleView extends View {

    private Paint mPaint;
    private int mWidth;
    private int mHeight;

    public CircleView(Context context) {
        this(context, null);
    }

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

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

        mPaint = new Paint();
        mPaint.setAntiAlias(true); // 抗锯齿
        mPaint.setColor(Color.RED); // 设置颜色
        mPaint.setStyle(Paint.Style.FILL); // 设置为实心

        // 获取宽高
        mWidth = getMeasuredWidth();
        mHeight = getMeasuredHeight();
    }

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

        // 计算圆的半径
        int radius = Math.min(mWidth, mHeight) / 2;

        // 绘制圆形
        canvas.drawCircle(mWidth / 2, mHeight / 2, radius, mPaint);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int width = MeasureSpec.getSize(widthMeasureSpec);
        int height = MeasureSpec.getSize(heightMeasureSpec);
        setMeasuredDimension(width, height);
    }
}

在这段代码中，我们创建了一个Paint对象，并进行了一些基本设置，比如设置颜色、填充样式等。然后在onDraw方法中，使用Canvas类的drawCircle方法绘制了圆形。

需要注意的是，我们在构造函数中获取控件的宽高，以便计算圆的半径。在onMeasure方法中，我们对控件的大小进行了测量。

实现圆角控件

和圆形控件不同，圆角控件需要设置圆角的半径。同样的，我们需要定义一个继承自View的类，比如我们叫它RoundCornerView。然后在RoundCornerView类中，我们需要重写onDraw方法进行绘制操作。

在onDraw方法中，我们先获取控件的宽高，并计算出圆角的半径。然后使用Canvas类的drawRoundRect方法绘制圆角矩形。具体的代码如下所示：

public class RoundCornerView extends View {

    private Paint mPaint;
    private int mWidth;
    private int mHeight;
    private int mRadius = 50; // 圆角半径

    public RoundCornerView(Context context) {
        this(context, null);
    }

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

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

        mPaint = new Paint();
        mPaint.setAntiAlias(true); // 抗锯齿
        mPaint.setColor(Color.RED); // 设置颜色
        mPaint.setStyle(Paint.Style.FILL); // 设置为实心

        // 获取宽高
        mWidth = getMeasuredWidth();
        mHeight = getMeasuredHeight();
    }

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

        // 计算圆角矩形的半径
        int radius = mRadius;

        // 绘制圆角矩形
        RectF rectF = new RectF(0, 0, mWidth, mHeight);
        canvas.drawRoundRect(rectF, radius, radius, mPaint);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int width = MeasureSpec.getSize(widthMeasureSpec);
        int height = MeasureSpec.getSize(heightMeasureSpec);
        setMeasuredDimension(width, height);
    }
}

在这段代码中，我们创建了一个Paint对象，并进行了一些基本设置，比如设置颜色、填充样式等。然后在onDraw方法中，使用Canvas类的drawRoundRect方法绘制了圆角矩形。

需要注意的是，我们在构造函数中获取控件的宽高，以便计算圆角的半径。在onMeasure方法中，我们对控件的大小进行了测量。

以上是实现圆形/圆角控件的代码攻略示例。在实际开发过程中，可能会根据需求有所调整，但是基本的绘制方法还是一样的。希望能对你有所帮助。