间距多笔画

Question

我想要一个带有两个笔划的按钮样式，它们之间有一些间距。我的第一种方法并不令人满意，因为在角落里，笔画之间的间距是不同的：

cmd poisonous characters or valid delimiters

灰色笔划应紧靠蓝色渐变，白色笔划的角半径应适合其他笔迹。

这是我的代码：

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

            <padding android:left="2dp"
                android:top="2dp"
                android:right="2dp"
                android:bottom="2dp"/>

            <stroke
                android:width="1dp"
                android:color="#7F7F7F"/>

            <corners
                android:radius="6dp"/>
        </shape>
    </item>

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

            <gradient
                android:startColor="@color/colorBlueLight"
                android:endColor="@color/colorBlueDark"
                android:angle="270"/>

            <corners
                android:radius="6dp" />
        </shape>
    </item>

    <item >
        <shape android:shape="rectangle">

            <padding android:left="2dp"
                android:top="2dp"
                android:right="2dp"
                android:bottom="2dp"/>

            <stroke
                android:width="2dp"
                android:color="#FFFFFF"/>

            <corners
                android:radius="6dp"/>
        </shape>
    </item>

</layer-list>

Answer 1

嗯......几何是如何运作的。

距离A不等于B，只要您为内部和外部圆角矩形保持相同的角radius。

您可以做的是通过将内角radius修改为较小的值来尝试“隐藏”此效果。找到满足您需求的正确值（我在下面的代码中使用4dp作为示例）。

<item >
    <shape android:shape="rectangle">

        <padding android:left="2dp"
            android:top="2dp"
            android:right="2dp"
            android:bottom="2dp"/>

        <stroke
            android:width="2dp"
            android:color="#FFFFFF"/>

        <corners
            android:radius="4dp"/>
    </shape>
</item>

内部较小radius：