Android开发中如何让按钮的stroke描边显示在按钮外部

Android 原生 Shape Drawable 的 stroke 默认向形状内部绘制，因此会占用按钮内部显示区域，要实现描边完全展示在按钮外部，可采用以下两种方案：

方案1：Layer-List 双层叠加（全版本兼容，推荐使用） #

通过两层 drawable 叠加实现效果：底层绘制描边，上层绘制实心填充内容，给上层设置和描边宽度相等的偏移量，即可让描边完全显示在填充区域外侧，代码示例如下：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 底层：描边层 -->
    <item>
        <shape android:shape="rectangle">
            <stroke
                android:width="6dp"
                android:color="#39ffffff" />
            <solid android:color="@android:color/transparent" />
        </shape>
    </item>
    <!-- 上层：实心填充层，四边偏移量等于描边宽度 -->
    <item
        android:left="6dp"
        android:top="6dp"
        android:right="6dp"
        android:bottom="6dp">
        <shape android:shape="rectangle">
            <solid android:color="@color/black" />
        </shape>
    </item>
</layer-list>

使用该 drawable 作为按钮背景时，原 drawable 中定义的 margin 属性可迁移到按钮的布局参数中即可。

方案2：使用高版本专属属性（仅兼容 Android 12+） #

如果应用最低兼容版本为 API 31（Android 12）及以上，可直接使用 stroke 标签新增的 android:strokeLocation 属性：

• 属性值为 0：描边完全绘制在形状内部（默认行为）
• 属性值为 0.5：描边居中绘制，一半在内一半在外
• 属性值为 1：描边完全绘制在形状外部

代码示例如下：

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <stroke
        android:width="6dp"
        android:color="#39ffffff"
        android:strokeLocation="1" />
    <solid android:color="@color/black" />
</shape>

该方案代码简洁，但仅在 Android 12 及以上设备生效，低版本设备会忽略该属性，仍保持默认内部绘制的行为。

内容的提问来源于stack exchange，提问作者Bob Redity