包含具有外部笔划的圆的图层列表

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>

结果形状像这样......