如何制作带内圈的物料浮动动作按钮？

Question

我想制作一个带有外圈和内圈的浮动按钮。我需要它们都是可单击的。现在，我有一个ImageView，其src设置为我创建的可绘制对象。布局看起来很简单，我想给它一个更好的外观。

<androidx.appcompat.widget.AppCompatImageView
    android:id="@+id/target_1"
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:scaleType="centerCrop"
    android:src="@drawable/target_zone"
    app:layout_constraintCircle="@+id/blue_target"
    app:layout_constraintCircleAngle="210"
    app:layout_constraintCircleRadius="275dp" />

//target_zone.xml

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