Создание чата с использованием Shapes или 9-patch image

Я пытаюсь создать шаблон для своих чатов в приложении Android, в котором я сейчас работаю. Конечный результат должен выглядеть примерно так:

Введите описание изображения здесь

Я попробовал его с помощью Shapes, но я не мог правильно использовать несколько слоев. Я также попробовал 9-патч-образ, но создание 9-патча было до меня. Я не имел понятия, как его использовать, особенно с аватаром, заголовком сообщений и местами размещения контента.

Может ли кто-нибудь помочь?

Мои знания о формах довольно ограничены, хотя, я думаю, я знаю достаточно, чтобы понять, что вы, ребята, будете говорить 🙂

    Патч 9 будет очень легким. Вот хороший учебник: простое руководство по 9 патчу .
    Просто сделайте расширение .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-коде.