Android - 仅在顶部带有圆角的可绘制

Question

我有这个drawable有一个圆角矩形作为背景：

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/white" />
    <stroke android:width="1dp" android:color="@color/light_gray" />
    <padding android:left="10dp" android:top="10dp" android:right="10dp" android:bottom="10dp" />
    <corners android:radius="6dp" />
</shape>

正如预期的那样工作正常。

现在，我想将其更改为仅圆顶角，因此我将其更改为：

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/white" />
    <stroke android:width="1dp" android:color="@color/light_gray" />
    <padding android:left="10dp" android:top="10dp" android:right="10dp" android:bottom="10dp" />
    <corners android:topLeftRadius="6dp" android:topRightRadius="6dp"
             android:bottomLeftRadius="0dp" android:bottomRightRadius="0dp"/>
</shape>

但是现在没有一个角是圆的，我得到一个普通的矩形。我在这里错过了什么？

Answer 1

尝试给出这些值：

 <corners android:topLeftRadius="6dp" android:topRightRadius="6dp"
         android:bottomLeftRadius="0.1dp" android:bottomRightRadius="0.1dp"/>

请注意，我已将 0dp 更改为 0.1dp。

编辑：请参阅下面的 Aleks G comment 以获得更简洁的版本

Answer 2

尝试做这样的事情：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:bottom="-20dp" android:left="-20dp">
        <shape android:shape="rectangle">
            <solid android:color="@color/white" />

            <corners android:radius="20dp" />
        </shape>
    </item>
</layer-list>

似乎不适合设置不同的矩形角半径。所以你可以使用这个技巧。

Answer 3

在我下面的代码中

    <?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:top="10dp" android:bottom="-10dp"
        >

        <shape android:shape="rectangle">
            <solid android:color="@color/maincolor" />

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

    </item>
    </layer-list>

Answer 4

在busylee's answer 的基础上，您可以这样制作一个只有一个un圆角（在本例中为左上角）的drawable：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <solid android:color="@color/white" />
            <!-- A numeric value is specified in "radius" for demonstrative purposes only,
                  it should be @dimen/val_name -->
            <corners android:radius="10dp" />
        </shape>
    </item>
    <!-- To keep the TOP-LEFT corner UNROUNDED set both OPPOSITE offsets (bottom+right): -->
    <item
        android:bottom="10dp"
        android:right="10dp">
        <shape android:shape="rectangle">
            <solid android:color="@color/white" />
        </shape>
    </item>
</layer-list>

请注意，上述drawable 未在 Android Studio 预览版 (2.0.0p7) 中正确显示。无论如何要预览它，创建另一个视图并将其用作android:background="@drawable/..."。

Answer 5

bg.xml

---

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#FFFFFF"/>
    <corners android:topLeftRadius="24dp" android:topRightRadius="24dp"
        android:bottomLeftRadius="0dp" android:bottomRightRadius="0dp"/>
</shape>

添加您的布局：

android:background="@drawable/bg"

Answer 6

尝试使用MaterialShapeDrawable并在kotlin/java代码中配置。

val backgroundShapeModel:ShapeAppearanceModel = ShapeAppearanceModel.builder()
    .setTopLeftCorner(CornerFamily.ROUNDED, 16F.toPx)
    .setTopRightCorner(CornerFamily.ROUNDED, 16F.toPx)
    .build()
textView.background = MaterialShapeDrawable(backgroundShapeModel).apply {
    fillColor = ColorStateList.valueOf(Color.GREEN)
}

附注：

除了xml drawables 提供的能力（填充颜色、描边...）之外，MaterialShapeDrawable 还支持：

1. cornerFamily 分为两个类别：rounded 和 cut
2. edgeTreatment 与 TriangleEdgeTreatment、OffsetEdgeTreatment、...
3. 不需要上下文和获取资源

]

val backgroundShapeModel = ShapeAppearanceModel.builder()
    .setTopLeftCorner(CornerFamily.ROUNDED, 16F.toPx)
    .setTopRightCorner(CornerFamily.CUT, 16F.toPx)
    .setAllEdges(TriangleEdgeTreatment(5f.toPx, true))
    .build()
textView.background = MaterialShapeDrawable(backgroundShapeModel).apply {
    fillColor = ColorStateList.valueOf(Color.GREEN)
    setStroke(2f.toPx,Color.RED)
}

Answer 7

我尝试了您的代码并得到了一个顶部圆角按钮。我给的颜色是@ffffff，笔画是#C0C0C0。

试试

1. 给 android :bottomLeftRadius="0.1dp" 而不是 0。如果它不工作
2. 检查可绘制对象和模拟器的分辨率。我在 res 下创建了一个可绘制文件夹并使用它。 (hdpi, mdpi ldpi) 你有这个 XML 的文件夹。 这是我的输出。

Answer 8

您可能需要阅读此https://developer.android.com/guide/topics/resources/drawable-resource.html#Shape

下面有一个注释。

注意必须（最初）为每个角提供大于 1 的角半径，否则不会圆角。如果您希望特定角不被圆角，解决方法是使用 android:radius 将默认角半径设置为大于 1，然后用您真正想要的值覆盖每个角，提供零（“0dp” ) 你不想要圆角的地方。

Answer 9

在drawable上创建roung_top_corners.xml并复制以下代码

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
<corners
    android:topLeftRadius="22dp"
    android:topRightRadius="22dp"
    android:bottomLeftRadius="0dp"
    android:bottomRightRadius="0dp"
    />
<gradient
    android:angle="180"
    android:startColor="#1d2b32"
    android:centerColor="#465059"
    android:endColor="#687079"
    android:type="linear" />
<padding
    android:left="0dp"
    android:top="0dp"
    android:right="0dp"
    android:bottom="0dp"
    />
<size
    android:width="270dp"
    android:height="60dp"
    /></shape>

Answer 10

尝试完全删除这些属性。

android:bottomLeftRadius="0dp" android:bottomRightRadius="0dp"