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

Question

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

以下是我目前获得的角落

的图片

以下是我在构造函数中为'fill'传递Color.TRANSPARENT的代码：

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);
}

}

Answer 1

如果你需要均匀圆角（并且从你的例子中看起来像你那么做），你可以简单地使用纯色的GradentDrawable

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

view.setBackground(gd);

可以找到GradientDrawable文档here。

编辑：分别为每个角落

您可以使用setCornerRadii (float[] radii)方法分别指定每个角的半径。 ＆＃34;对于每个角，数组包含2个值，[X_radius，Y_radius]。角落按左上，右上，右下，左下排序。仅当形状为RECTANGLE类型时才会使用此属性。

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

Answer 2

您可以实现自定义drawable。以下是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保存在项目的drawable文件夹中。现在使用它就像任何小部件的普通drawable一样。例如：android：background =“R.drawable.round_shape”

此示例在link之后引用。

Answer 3

除了指定圆角尺寸外，您还可以使用GradientDrawable和方法setCornerRadii（）

GradientDrawable d = new GradientDrawable();
d.setCornerRadii({5.0f,5.0f,5.0f,5.0f});
textViewExample.setBackgroundResource(d);

Answer 4

GradientDrawable drawable = (GradientDrawable)image.getBackground();
drawable.setGradientRadius(radiuspx);

Answer 5

 setCornerRadii(new float[] {
                    topLeftRadius, topLeftRadius,
                    topRightRadius, topRightRadius,
                    bottomRightRadius, bottomRightRadius,
                    bottomLeftRadius, bottomLeftRadius
            });