Android 可绘制对话泡泡

Question

我已经找了好几天了，但找不到任何关于如何绘制气泡或将绘制 9 个补丁图像用作背景的好的线索。我是一个糟糕的艺术家。谁能帮忙？

我在 Stack Overflow 上找到了最好的示例，但它是用 Objective C 编写的。

如何在 iPhone 上绘制“对话泡泡”？

原文由 user1024776 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

如果您正在创建一个聊天屏幕，您可能想要实现一个传入语音气泡和一个传出语音气泡。这是我的做法：

shape_bg_incoming_bubble.xml

 <?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <rotate
            android:fromDegrees="-45"
            android:pivotX="0%"
            android:pivotY="0%"
            android:toDegrees="0" >
            <shape android:shape="rectangle" >
                <solid android:color="@color/primary" />
            </shape>
        </rotate>
    </item>
    <item android:left="16dp">
        <shape android:shape="rectangle" >
            <solid android:color="@color/primary" />
            <corners android:radius="4dp" />
        </shape>
    </item>
</layer-list>

shape_bg_outgoing_bubble.xml

 <?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <rotate
            android:fromDegrees="45"
            android:pivotX="100%"
            android:pivotY="0%"
            android:toDegrees="0" >
            <shape android:shape="rectangle" >
                <solid android:color="@color/grey_500" />
            </shape>
        </rotate>
    </item>
    <item android:right="16dp">
        <shape android:shape="rectangle" >
            <solid android:color="@color/grey_500" />
            <corners android:radius="4dp" />
        </shape>
    </item>
</layer-list>

原文由 Etienne Lawlor 发布，翻译遵循 CC BY-SA 3.0 许可协议