4

看看我下面的代码。

ShapeDrawable shapeDrawable = new ShapeDrawable(new RectShape());
    shapeDrawable.getPaint().setColor(Color.parseColor("#5a2705"));
    shapeDrawable.getPaint().setStyle(Style.STROKE);
    shapeDrawable.getPaint().setAntiAlias(true);
    shapeDrawable.getPaint().setStrokeWidth(2);
    shapeDrawable.getPaint().setPathEffect(new CornerPathEffect(10));

我将此作为背景应用到我的LinearLayout，但边缘不平滑。我怎样才能解决这个问题？

这是它的外观截图。

在此处输入图像描述

4

7 回答 7

10

使用以编程方式创建的可绘制形状作为视图背景会导致笔划宽度的外半部分被裁剪掉（原因我不知道）。仔细查看您的图像，您会发现您的笔划只有 1 个像素宽，即使您要求 2 个像素。这就是为什么边角看起来很难看的原因。如果您分别尝试更大的笔划和半径（例如 10 和 40），这种效果会更加明显。

要么使用 XML drawable，它似乎没有这个问题，就像在 Harshit Jain 的回答中一样，或者如果你必须（或更喜欢）使用编程解决方案，请执行以下操作。

解决方案：使用图层列表将矩形插入剪裁量（笔划宽度的一半），如下所示：

float strokeWidth = 2;

ShapeDrawable shapeDrawable = new ShapeDrawable(new RectShape());
shapeDrawable.getPaint().setColor(Color.parseColor("#5a2705"));
shapeDrawable.getPaint().setStyle(Style.STROKE);
shapeDrawable.getPaint().setAntiAlias(true);
shapeDrawable.getPaint().setStrokeWidth(strokeWidth);
shapeDrawable.getPaint().setPathEffect(new CornerPathEffect(10));

Drawable[] layers = {shapeDrawable};
LayerDrawable layerDrawable = new LayerDrawable(layers);

int halfStrokeWidth = (int)(strokeWidth/2);
layerDrawable.setLayerInset(0, halfStrokeWidth, halfStrokeWidth, halfStrokeWidth, halfStrokeWidth);

然后使用layerDrawable作为你的背景。这是上面代码结果的屏幕截图：

在此处输入图像描述

于 2014-01-03T13:04:46.277 回答
3

您可以尝试使用圆角矩形的布局创建一个单独的 xml 文件。如：

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="color_here"/>
    <stroke android:width="5dp" android:color="color_here"/>
    <corners android:radius="2dp"/>
</shape>

您可以根据自己的喜好对其进行调整，并将此 XML 文件用作主 XML 中的背景。

您也可以尝试使用您的 SDK 已经附带的9Patch

于 2014-01-02T08:18:08.187 回答
1

我以非常简单的方式解决了这个问题，

我正在寻找可以以编程方式而不是通过 xml 完成的代码，

这是代码：

GradientDrawable shape = new GradientDrawable();
    shape.setCornerRadius(10);
    shape.setColor(Color.WHITE);
    shape.setStroke(2, Color.parseColor("#996633"));

你可以这样设置：view.setBackgroundDrawable(shape);

@Tenfour04发布的答案也可能解决问题，但我没有尝试过。

希望它可以帮助某人。

于 2014-01-07T07:04:43.357 回答
1

您可能需要考虑checking 这一点。

Rounded Image Views通过文斯

于 2014-01-06T18:09:23.470 回答
1

为了满足这样的背景要求，我更喜欢使用 9-patch drawable。下面是开始创建和使用 9-patch 可绘制资源的指针：

  1. 开发者文档：http: //developer.android.com/tools/help/draw9patch.html

  2. 另一种解释：http ://radleymarx.com/blog/simple-guide-to-9-patch/

  3. 创建 9-patch 图像的在线工具。（注：保存图片时修改文件扩展名*.9.png）

于 2014-01-03T06:07:19.040 回答
0

您可以尝试使用这样的选择器。此解决方案是您只需将此选择器设置为布局背景的最佳解决方案。

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/white" />
    <stroke android:width="1dp" android:color="@color/grey" />
    <padding android:left="10dp" android:top="10dp" android:right="10dp" android:bottom="10dp" />
    <corners android:radius="15dp" />
         <gradient
          android:angle="90"
          android:startColor="@color/white"
          android:centerColor="@color/grey"
          android:endColor="@color/white"
          android:type="linear" />
</shape>

选择你自己的颜色。干杯!

于 2014-01-06T09:34:21.847 回答
0

我最近遇到了这个问题，并想出了一个不同的解决方案。恕我直言，最好的解决方案是创建您自己的Shape实现并使用它来创建一个ShapeDrawable.

下面是圆角矩形的简单实现，它允许您插入它的边框。

class InsetRoundRectShape(
    private var radiusArray: FloatArray = floatArrayOf(0f, 0f, 0f, 0f, 0f, 0f, 0f, 0f),
    private var inset: RectF = RectF()
): RectShape() {

    private var innerRect: RectF = RectF()
    private var path: Path = Path()

    constructor(radius: Float, inset: RectF): this(floatArrayOf(radius, radius, radius, radius, radius, radius, radius, radius), inset)
    constructor(radius: Float, inset: Float): this(radius, RectF(inset, inset, inset, inset))

    init {
        if (radiusArray.size < 8) {
            throw ArrayIndexOutOfBoundsException("radius array must have >= 8 values")
        }
    }

    override fun draw(canvas: Canvas, paint: Paint) {
        canvas.drawPath(path, paint)
    }

    override fun getOutline(outline: Outline) {
        super.getOutline(outline)

        val radius = radiusArray[0]
        if(radiusArray.any { it != radius }) {
            outline.setConvexPath(path)
            return
        }

        val r = rect()
        outline.setRoundRect(ceil(r.left).toInt(), ceil(r.top).toInt(), floor(r.right).toInt(), floor(r.bottom).toInt(), radius)
    }

    override fun onResize(w: Float, h: Float) {
        super.onResize(w, h)
        val r = rect()
        path.reset()
        innerRect.set(r.left + inset.left, r.top + inset.top, r.right - inset.right, r.bottom - inset.bottom)
        if(innerRect.width() <= w && innerRect.height() <= h) {
            path.addRoundRect(innerRect, radiusArray, Path.Direction.CCW)
        }
    }

    override fun clone(): InsetRoundRectShape {
        val shape = super.clone() as InsetRoundRectShape
        shape.radiusArray = radiusArray.clone()
        shape.inset = RectF(inset)
        shape.path = Path(path)
        return shape
    }
}

像这样创建 ShapeDrawable

//Inset has to be half of strokeWidth
ShapeDrawable(InsetRoundRectShape(10f, 4f)).apply {
    this.paint.color = Color.BLUE
    this.paint.style = Paint.Style.STROKE
    this.paint.strokeWidth = 8.dp
    this.invalidateSelf()
}
于 2020-07-23T13:22:54.687 回答