Question

我正在尝试创建像WhatsApp这样的聊天布局。我创建了带有消息和时间的块消息项布局。该块的最大宽度必须是屏幕的80％。如果消息textView少于块宽度，则消息textView和time textView必须在一行中。如果消息textView超过块宽度，那么它必须转到另一行，并且此行的结尾必须是时间textView。但我失去了时间观。我该怎么办？这是我的布局：

<?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>

如何在Android中创建WhatsApp等聊天消息块？

1 个答案: