如何在Android中使用ShapeDrawable以编程方式创建圆角边框？

android java drawable border shapedrawable

2022-09-02 09:53:56

我需要通过扩展 ShapeDrawable 以编程方式创建一个带有圆角的边框。我需要一个带有圆角的黑色边框，外部的像素是白色的，内部的像素是透明的。我目前的代码存在多个问题，其中没有创建与边框厚度相同的平滑角，并且边框的外部像素是透明的而不是白色的。

这是我目前得到的角落的图片 corner

以下是我在构造函数中传递 Color.TRANSPARENT 的代码，用于“fill”：

public class CustomShape extends ShapeDrawable {
 private final Paint fillpaint, strokepaint;
public CustomShape(int fill, int strokeWidth,int radius) {

    super(new RoundRectShape(new float[] { radius, radius, radius, radius, radius, radius, radius, radius }, null, null));
    fillpaint = new Paint(this.getPaint());
    fillpaint.setColor(fill);
    strokepaint = new Paint(fillpaint);
    strokepaint.setStyle(Paint.Style.STROKE);
    strokepaint.setStrokeWidth(strokeWidth);
    strokepaint.setColor(Color.BLACK);
}



@Override
protected void onDraw(Shape shape, Canvas canvas, Paint paint) {
    shape.draw(canvas, fillpaint);
    shape.draw(canvas, strokepaint);
}

}

答案 1

如果你需要均匀的圆角（从你的例子来看，你似乎确实如此），你可以简单地使用带有纯色的GradentDrawable。

GradientDrawable gd = new GradientDrawable();
gd.setColor(Color.RED);
gd.setCornerRadius(10);
gd.setStroke(2, Color.WHITE);

view.setBackground(gd);

GradientDrawable 文档可以在这里找到。

编辑：分别针对每个角

您可以使用方法单独指定每个角的半径。“对于每个角，数组包含 2 个值 [X_radius，Y_radius]。角按左上角、右上角、右下角、左下角的顺序排列。仅当形状为矩形类型时，才支持此属性。setCornerRadii (float[] radii)

建议在更改此属性之前调用。mutate()

答案 2

您可以实现自定义可绘制对象。下面是 xml 的示例。

<?xml version="1.0" encoding="UTF-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android"> 
    <solid android:color="#ffffffff"/>    

    <stroke android:width="3dp"
            android:color="#ff000000"
            />

    <padding android:left="1dp"
             android:top="1dp"
             android:right="1dp"
             android:bottom="1dp"
             /> 

    <corners android:bottomRightRadius="7dp" android:bottomLeftRadius="7dp" 
     android:topLeftRadius="7dp" android:topRightRadius="7dp"/> 
</shape>

将此 xml 保存在项目的可绘制文件夹中。现在，将其用作任何小部件的普通可绘制对象。例如：android：background=“R.drawable.round_shape”

以下链接引用了此示例。