如何在XML Drawable中设置行边距

Question

我最近开始设计App的样式以匹配给定的模型。

我已经获得了模型中几乎每个按钮/图标的图像文件，只是一个相当简单的按钮，它应该是一个带有彩色十六进制“＃d8d8d8”的灰色圆圈，中间是一个x，颜色十六进制“＃979797”。

现在，正如我所说的，我对软件本身没有太多经验，这是我第一次尝试自己学习用于设计按钮的XML代码方案。 到目前为止的背景代码如下

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:left="5dp"
        android:top="5dp"
        android:right="5dp"
        android:bottom="5dp">
        <shape
            android:shape="oval">
            <solid android:color="#d8d8d8" />
            <size android:height="200dp"
                android:width="200dp" />
        </shape>
    </item>

    <item>
        <shape
            android:shape="line"
            android:top="1dp">
            <stroke
                android:width="1dp"
                android:color="#000000"
                android:dashWIdth="1dp"
                android:dashGap="2dp" />
        </shape>
    </item>

    <item
        android:left="30dp"
        android:top="30dp"
        android:right="30dp"
        android:bottom="30dp">
        <shape
            android:shape="ring"
            android:thickness="25dp"
            android:useLevel="false">
            <solid android:color="" />
        </shape>
    </item>
</layer-list>

它显示一个带有直线的灰色圆圈，该直线对于它本来应该的长度来说太长了，它在圆圈的边缘上跳了一点，就像在样机中那样，它甚至没有碰到它。 它也应该是“ X”形的，所以我必须旋转它。

编辑：这是第一个图块的模型图像，所涉及的按钮是右下角的按钮，应该设置为动画，单击时从+变为X，但这是以后研究的主题，现在，我只想了解如何使我的按钮看起来像这样，并通过android：background或其他方法将其集成到按钮中。