android - android:top & android:right 在定义的形状中的 Android 奇怪行为

Question

我有一个形状：

<item>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle">
        <solid android:color="#000000"></solid>
    </shape>
</item>

<item
    android:top="12dp"
    android:bottom="12dp">
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle">
        <corners android:radius="15dp"></corners>
        <solid android:color="#000000"></solid>
        <stroke
            android:width="5dp"
            android:color="#ffffff"></stroke>

        <padding
            android:bottom="12dp"
            android:left="12dp"
            android:right="12dp"
            android:top="12dp" />
    </shape>
</item>

看起来不错：

但是当我添加android:right它看起来很奇怪：

当我添加所有选项（顶部、左侧、右侧、底部）时：

最终代码：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item>
        <shape xmlns:android="http://schemas.android.com/apk/res/android"
            android:shape="rectangle">
            <solid android:color="#000000"></solid>
        </shape>
    </item>

    <item
        android:top="12dp"
        android:bottom="12dp"
        android:right="2dp"
        android:left="2dp">
        <shape xmlns:android="http://schemas.android.com/apk/res/android"
            android:shape="rectangle">
            <corners android:radius="15dp"></corners>
            <solid android:color="#000000"></solid>
            <stroke
                android:width="5dp"
                android:color="#ffffff"></stroke>

            <padding
                android:bottom="12dp"
                android:left="12dp"
                android:right="12dp"
                android:top="12dp" />
        </shape>
    </item>

</layer-list>

我做错了什么？