如何使用 Android xml 形状在圆内画圆？

我正在尝试为我的应用程序制作一个搜索栏的拇指，并且我希望有一个内圆被另一个更大（半透明）的外圆包围。我正在尝试使用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="#00f" />

        <size
            android:height="15dp"
            android:width="15dp" />
    </shape>
</item>

<item>
    <shape
        android:shape="oval" >
        <solid android:color="#f00" />

        <size
            android:height="10dp"
            android:width="10dp" />
    </shape>
</item>

</layer-list>

我希望看到一个较大的蓝色圆圈上方有一个红色的小圆圈，但我看到的只是红色的小圆圈。有人有什么想法吗？

我让它发挥作用的唯一方法是为内部（即顶部）圆圈定义透明笔画，这是较大圆圈和较小圆圈的大小之间的差异。

例如，这个：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<!-- Larger blue circle in back -->
<item>
    <shape android:shape="oval">
        <solid android:color="#00f"/>
        <size
                android:width="15dp"
                android:height="15dp"/>
    </shape>
</item>
<!-- Smaller red circle in front -->
<item>
    <shape android:shape="oval">
        <!-- transparent stroke = larger_circle_size - smaller_circle_size -->
        <stroke android:color="@android:color/transparent"
                android:width="5dp"/>
        <solid android:color="#f00"/>
        <size
                android:width="10dp"
                android:height="10dp"/>
    </shape>
</item>
</layer-list>

...看起来像这样：