android - 使用形状或 9 补丁图像创建聊天气泡

Question

我正在尝试在我目前正在开发的 Android 应用程序中为我的聊天气泡创建一个模板。最终结果应如下所示:

我用 Shapes 试过，但我无法正确设置多个图层。我还尝试了一个 9 补丁图像，但创建 9 补丁是我所得到的。我不知道如何使用它，特别是头像、消息标题和内容放置。

有人能帮忙吗？

我对形状的了解相当有限，不过，我想我知道的足以理解你们会说的话:)

Answer 1

9 补丁真的很容易。这是一个很好的教程:Simple Guide to 9 Patch .
只需制作扩展名 .9.png，而不仅仅是 .png。
将它用作您的 ViewGroup(您的 View 容器)的背景，如:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/row"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/bubble_left"
    android:layout_margin="8dp"
    android:padding="8dp"
    >
    <!-- The User -->
    <TextView
        android:id="@+id/txtUser"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
    />
    <!-- The Date -->
    <TextView
        android:id="@+id/txtDate"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/txtUser"
    />
    <!-- The Message -->
    <TextView
        android:id="@+id/txt2"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@id/txtDate"
    />
</RelativeLayout>

我让你自由选择你想要的图形(以符合你的品味而不是破坏你的乐趣)。

显然，您可能想要为左侧准备一个气泡，为右侧准备一个气泡(或者具有不同颜色角的气泡)，并在您的 Java 代码中相应地交换它们。