包含带外笔划的圆的图层列表

Question

我想用 layer-list 创建以下背景：

所以基本上是一个有外笔画边框的圆。我创建了以下 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="#fff"/>
            <size
                android:width="10dp"
                android:height="10dp"/>
        </shape>
    </item>

    <item>
        <shape android:shape="oval">

            <stroke android:color="#ff" android:width="2dp"/>
            <size
                android:width="25dp"
                android:height="25dp"/>
        </shape>
    </item>
</layer-list>

但这只显示了一个实心椭圆。感谢您的帮助！

Answer 1

尝试根据您的要求更改颜色

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

Answer 2

试试这个 .xml 文件

已尝试编辑您也想要精确

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"     android:shape="rectangle" >
<corners
    android:topLeftRadius="20dp"
    android:topRightRadius="20dp"
    android:bottomLeftRadius="20dp"
    android:bottomRightRadius="20dp"
    />
<solid
    android:color="#"
    />
<padding
    android:left="0dp"
    android:top="0dp"
    android:right="0dp"
    android:bottom="0dp"
    />
<size
    android:width="100dp"
    android:height="100dp"
    />
<stroke
    android:width="3dp"
    android:color="#33779C"
    />
    android:shape="oval">>
    <solid android:color="#FFFFFF" />
    <size android:height="25dp"
        android:width="25dp"/>
</shape>

结果形状像这样...

包含带外笔划的圆的图层列表

Layer list containing circle with outer stroke

android

xml-drawable

layer-list

android-drawable