Android 如何在圆内绘制圆形笔划？

我试图达到这个效果，但我无法在圆圈内画出白色的圆形笔划。在我的实现中，白色笔划出现在圆圈外

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape xmlns:android="http://schemas.android.com/apk/res/android"
            android:shape="oval">
            <corners android:radius="10dip" />

            <stroke
                android:width="5dip"
                android:color="#ffffff" />
            <solid android:color="#f50000" />
        </shape>

    </item>

</layer-list>

预期产出：-

---

给你。只需稍微修改文件，使其包含两个项目，并在第二个项目上添加一个填充。 我希望这有助于：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape
            android:shape="oval">
            <solid android:color="#f50000" />
        </shape>
    </item>
    <item
        android:left="2dp"
        android:right="2dp"
        android:top="2dp"
        android:bottom="2dp">
        <shape
            android:shape="oval">
            <stroke
                android:width="2dp"
                android:color="#ffffff" />
        </shape>
    </item>
</layer-list>

您需要这样的xml（优化）：

或者像这样的xml（未优化）：

对于此结果：

---

我用一个

和一个

椭圆形完成了这项工作：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="oval">
            <solid android:color="#f50000"/>
        </shape>
    </item>

    <item>
        <inset
            android:insetTop="5dp"
            android:insetLeft="5dp"
            android:insetRight="5dp"
            android:insetBottom="5dp">
            <shape android:shape="oval">
                <stroke
                    android:color="#fff"
                    android:width="5dp"/>
            </shape>
        </inset>
    </item>
</layer-list>

---

您可以通过更改第二项中的值来控制插入量和笔划宽度

我无法发布图像，因为我的声誉很低！尝试优化你的绘图：你实际上只需要两个圆圈：一个是填充的，一个是用于“笔划”。检查我的答案，以实现这一点，只有两个绘图。也可以不使用大小，而向项目添加填充。这取决于外圆和内圆是否具有相同的颜色。@GiuseppeLabanca如果它们具有不同的颜色，您只需在给定示例中的第二个项目中添加第二个实心元素，它们没有。它是一种填充颜色，上面有一个圆环。在这个xml中，你有一个椭圆形，而不是圆形。@GiuseppeLabanca它是一个灵活的背景，如果你把它放在一个方形容器中，它将是一个圆形。如果你想让它总是正方形，你可以使用

大小
存根，但这并不总是一个好主意，这取决于你对图层列表的使用计划。。。
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
    <shape android:shape="oval">
        <solid android:color="#007" />
        <size
            android:width="25dp"
            android:height="25dp" />
    </shape>
</item>
<item>
    <shape android:shape="oval">
        <stroke
            android:width="8dp"
            android:color="@android:color/transparent" />
        <solid android:color="#f00" />
        <size
            android:width="45dp"
            android:height="45dp" />
    </shape>
</item>
<item>
    <shape android:shape="oval">
        <stroke
            android:width="10dp"
            android:color="@android:color/transparent" />
        <solid android:color="#007" />
        <size
            android:width="10dp"
            android:height="10dp" />
    </shape>
</item>
</layer-list>

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="oval">
            <solid android:color="#f50000"/>
        </shape>
    </item>

    <item>
        <inset
            android:insetTop="5dp"
            android:insetLeft="5dp"
            android:insetRight="5dp"
            android:insetBottom="5dp">
            <shape android:shape="oval">
                <stroke
                    android:color="#fff"
                    android:width="5dp"/>
            </shape>
        </inset>
    </item>
</layer-list>