Android自定义View实现带4圆角或者2圆角的效果

下面是详细讲解“Android自定义View实现带4圆角或者2圆角的效果”的完整攻略：

背景知识

在进行本次任务之前，我们需要了解以下知识点：

1. 自定义View

自定义View是一种Android开发中非常重要的技术，通过自定义View我们可以实现各种各样的UI效果，比如圆角矩形、自定义控件、进度条等。

2. Canvas和Paint

Canvas是Android图形处理的核心类之一，我们可以使用它绘制各种图形，包括直线、矩形、圆形等等。而Paint则是控制图形的颜色、样式、宽度等相关属性的类。在自定义View时，我们需要使用Canvas和Paint来实现自己的UI效果。

3. 圆角矩形

圆角矩形是一种UI效果，它可以让矩形的角变成圆角。在实现圆角矩形时，我们可以使用Canvas的drawRoundRect方法，它可以绘制带有圆角的矩形。

实现步骤

有了上述背景知识，我们就可以开始实现自己的圆角矩形了。具体步骤如下：

1. 创建自定义View

首先，我们需要创建一个自定义View，这里我们假设它的名称是RoundRectView。创建自定义View的方式有很多种，例如继承View或者ViewGroup，这里我们选择继承View。

public class RoundRectView extends View {
    public RoundRectView(Context context) {
        super(context);
    }

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

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

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

2. 绘制圆角矩形

在onDraw方法中，我们可以使用Canvas的drawRoundRect方法绘制圆角矩形。这个方法有多个参数，包括矩形的坐标、圆角的半径、以及用来绘制矩形的Paint等。

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

    Paint paint = new Paint();
    paint.setColor(Color.RED);

    RectF rectF = new RectF(0, 0, getWidth(), getHeight());
    canvas.drawRoundRect(rectF, 20, 20, paint);
}

其中，RectF表示矩形的边界，圆角的半径为20。

3. 绘制部分圆角矩形

如果我们想要绘制部分圆角矩形，即只有两个角是圆角，那么怎么办呢？这时我们可以根据需要在RectF中指定需要绘制圆角的角。例如，如果我们只想让左上和右下的角变成圆角，代码如下：

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

    Paint paint = new Paint();
    paint.setColor(Color.RED);

    RectF rectF = new RectF(0, 0, getWidth(), getHeight());
    canvas.drawRoundRect(rectF, new float[]{20, 20, 0, 0, 0, 0, 20, 20}, paint);
}

其中，new float[]表示需要绘制圆角的角，按照左上、右上、右下、左下的顺序指定。

示例说明

下面给出两个示例说明：

示例一

要求绘制一个红色背景、圆角半径为30的矩形。

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

    Paint paint = new Paint();
    paint.setColor(Color.RED);

    RectF rectF = new RectF(0, 0, getWidth(), getHeight());
    canvas.drawRoundRect(rectF, 30, 30, paint);
}

示例二

要求绘制一个黄色背景、左上和右下的角为圆角、圆角半径为20的矩形。

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

    Paint paint = new Paint();
    paint.setColor(Color.YELLOW);

    RectF rectF = new RectF(0, 0, getWidth(), getHeight());
    canvas.drawRoundRect(rectF, new float[]{20, 20, 0, 0, 0, 0, 20, 20}, paint);
}

总结

通过上面的步骤，我们就实现了Android自定义View实现带4圆角或者2圆角的效果。当然，圆角矩形只是自定义View的一种，我们还可以通过Canvas和Paint实现各种各样的UI效果，这里就不再赘述了。