包含带有外部笔划的圆圈的图层列表答案

【问题标题】：Layer list containing circle with outer stroke包含带有外部笔划的圆圈的图层列表
【发布时间】：2016-06-27 13:08:31
【问题描述】：

我想用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>

但这只显示了一个实心椭圆。任何帮助表示赞赏！

【问题讨论】：

标签： android android-drawable xml-drawable layer-list

【解决方案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>

【讨论】：

谢谢！这不正是我想要的！如图所示，实心圆和边框之间应该有一个透明的间隙。
@WonderCsabo 检查我编辑的答案，这正是你想要的

【解决方案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>

这样的结果形状...

【讨论】：