如何在 Material Design 中创建类似于 whatsapp 的聊天屏幕？

Question

基本上，我对每个聊天条目的 xml 文件感到困惑，其中包含像 whatsapp 一样包装的内容。我曾尝试使用framelayout 和Relativelayout 进行操作，但没有成功。消息未环绕时间。

 <FrameLayout
        android:id="@+id/chat_mine"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right"
        android:background="@drawable/chat_bg_white"
       >


        <TextView
            android:id="@+id/chat_text_mine"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="65dp"
            android:gravity="center|left"
            android:text="h"
            android:textSize="@dimen/font_size3" />

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom|right"
            >

            <TextView
                android:id="@+id/chat_time_mine"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right|bottom"
                 android:gravity="right|bottom"
                android:singleLine="true"
                android:text=" 2:00 am"
                android:textSize="@dimen/font_size4" />

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/ic_delivered" />
        </LinearLayout>

    </FrameLayout>

Answer 1

不确定您想在这里问什么？如果我理解正确，请编辑您的框架布局以首先显示一些内容。这将帮助您在预览中查看内容。

<FrameLayout
    android:id="@+id/chat_mine"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="right"
    android:background="@drawable/chat_bg_white"
   >