android - 如何在android中创建像WhatsApp这样的聊天消息 block ？

Question

我正在尝试创建类似 WhatsApp 的聊天布局。我创建了带有消息和时间的 block 消息项目布局。此 block 的最大宽度必须为屏幕的 80%。如果消息 textView 小于 block 宽度，则消息 textView 和时间 textView 必须在一条线上。如果消息 textView 超过 block 宽度，那么它必须转到另一行，并且该行的结尾必须是时间 textView。但我正在失去 timeView。我必须做什么？这是我的布局:

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="0.80"
        xmlns:android="http://schemas.android.com/apk/res/android" android:gravity="right|top">
    <LinearLayout
            android:orientation="horizontal"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:layout_alignParentTop="true"
            android:layout_alignParentRight="true" android:layout_alignParentEnd="true"
            android:layout_margin="10dp" android:background="#eee" android:padding="5dp">
        <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Hello"
                android:id="@+id/messageView" android:layout_marginRight="10dp"/>
        <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="10:52"
                android:id="@+id/timeView" android:textColor="#999" android:textSize="10dp"/>
    </LinearLayout>
</RelativeLayout>

Answer 1

试试这个:

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="0.80"
        xmlns:android="http://schemas.android.com/apk/res/android" android:gravity="right|top">
    <LinearLayout
            android:orientation="horizontal"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:layout_alignParentTop="true"
            android:layout_alignParentRight="true" android:layout_alignParentEnd="true"
            android:layout_margin="10dp" android:background="#eee" android:padding="5dp">
        <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Hello"
                android:id="@+id/messageView" android:layout_marginRight="40dp"/>
        <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="10:52"
                android:id="@+id/timeView" android:textColor="#999" android:textSize="10dp"
                android:layout_marginLeft="-30dp" android:layout_gravity="bottom"/>
    </LinearLayout>
</RelativeLayout>