创建一个旋钮 - 但是如何在另一个圆圈内偏移一个圆圈？

Question

我正在学习 Android Studio，我正在尝试在 .xml 中创建一个基本旋钮，以便我可以对其进行自定义。我试图让我的设计保持最小，并且非常简单，所以我想要的只是一个圆圈，在边缘附近有一个小点，像这样：

这是我到目前为止所能想到的（我知道这并不多）：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="oval">
            <stroke android:width="1dp"/>
            <size android:width="160dp"
                android:height="160dp" />
        </shape>
    </item>
</selector>

谁能帮我指引正确的方向？

Answer 1

这是一个简单的LayerList drawable，它将生成下面的图像。如果您想要一个照片般逼真的按钮，那将是更多的工作。

<layer-list>
    <item
        android:width="160dp"
        android:height="160dp">
        <shape android:shape="oval">
            <solid android:color="@android:color/black" />
        </shape>
    </item>
    <item
        android:width="16dp"
        android:height="16dp"
        android:left="110dp"
        android:top="110dp">
        <shape android:shape="oval">
            <solid android:color="@android:color/white" />
        </shape>
    </item>
</layer-list> 

width 和 height 在项目上需要 API 23+。可能还有其他方法可以做到这一点，但这可以帮助您入门。