Android中绘制带正确边框的聊天气泡技术求助

我想要绘制一款带边框的聊天气泡（参考目标样式），已经在Stack Overflow试过多种方案都没解决。目前用下面的XML代码实现了类似效果，但没法正确设置边框达到理想样式，求大家帮忙。

当前使用的XML代码：

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

    <item android:top="0dp" android:bottom="10dp">
        <shape
            android:shape="rectangle">
            <solid android:color="#000000" />
            <size
                android:width="106dp"
                android:height="20dp"/>
            <corners android:radius="4dp" />
        </shape>
    </item>

    <item android:bottom="0dp"
        android:top="0dp"
        android:gravity="center_horizontal|bottom">
        <rotate
            android:fromDegrees="45"
            android:toDegrees="45"
            android:pivotX="135%"
            android:pivotY="15%">
            <shape android:shape="rectangle">
                <solid android:color="#000000" />
                <size
                    android:height="10dp"
                    android:width="10dp"/>
            </shape>
        </rotate>
    </item>
</layer-list>

要实现带完整边框的聊天气泡，需要给矩形主体和底部三角都做边框处理，用双层图层（边框层+底色层）就能解决，修改后的代码如下：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 矩形边框层 -->
    <item android:top="0dp" android:bottom="10dp">
        <shape android:shape="rectangle">
            <solid android:color="#ffffff" /> <!-- 背景色和气泡底色一致，避免边框露底色 -->
            <stroke android:width="1dp" android:color="#000000" /> <!-- 边框宽度、颜色 -->
            <corners android:radius="4dp" />
            <size android:width="106dp" android:height="20dp" />
        </shape>
    </item>
    <!-- 矩形底色层 -->
    <item android:top="1dp" android:bottom="11dp" android:left="1dp" android:right="1dp">
        <shape android:shape="rectangle">
            <solid android:color="#000000" /> <!-- 气泡填充色 -->
            <corners android:radius="3dp" /> <!-- 比边框层圆角小1dp，保证视觉一致 -->
            <size android:width="104dp" android:height="18dp" />
        </shape>
    </item>

    <!-- 三角边框层 -->
    <item android:bottom="0dp" android:top="0dp" android:gravity="center_horizontal|bottom">
        <rotate android:fromDegrees="45" android:toDegrees="45" android:pivotX="135%" android:pivotY="15%">
            <shape android:shape="rectangle">
                <solid android:color="#ffffff" />
                <stroke android:width="1dp" android:color="#000000" />
                <size android:height="10dp" android:width="10dp" />
            </shape>
        </rotate>
    </item>
    <!-- 三角底色层 -->
    <item android:bottom="1dp" android:top="1dp" android:left="1dp" android:right="1dp" android:gravity="center_horizontal|bottom">
        <rotate android:fromDegrees="45" android:toDegrees="45" android:pivotX="135%" android:pivotY="15%">
            <shape android:shape="rectangle">
                <solid android:color="#000000" />
                <size android:height="8dp" android:width="8dp" />
            </shape>
        </rotate>
    </item>
</layer-list>

关键说明： #

• 双层结构：先画带边框的外层，再画缩小1dp的底色内层，避免底色覆盖边框。
• 圆角适配：内层矩形圆角比外层小1dp，确保圆角处边框完整。
• 三角适配：内层三角尺寸比外层小2dp（四边各缩1dp），保证三角的边框不被底色遮挡。

如果要调整气泡颜色、边框宽度，直接修改对应的solid和stroke属性值就行。

内容的提问来源于stack exchange，提问作者Neha Patel