android - 相对布局不能换行并保持拉伸

Question

我有这个布局

我已将灰色框宽度设置为 wrap_content 但它不会换行而是像往常一样拉伸。这是死 xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="10dp"
android:background="#ffffff" >

<ImageView
    android:id="@+id/item_image"
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:layout_alignParentRight="true"
    android:layout_alignParentTop="true"
    android:background="@drawable/image_photo" />

<RelativeLayout 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginRight="10dp"
    android:padding="5dp"
    android:layout_alignParentTop="true"
    android:layout_toLeftOf="@+id/item_image"
    android:background="#cccccc" >

    <TextView 
        android:id="@+id/item_text_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:textStyle="bold"
        android:textSize="20sp"
        android:text="Name"
        />
    <TextView 
        android:id="@+id/item_text_2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp"
        android:layout_alignRight="@+id/item_text_1"
        android:textSize="14sp"
        android:text="Message"
        />
</RelativeLayout>

</RelativeLayout>

就像普通的聊天列表项一样，你知道，盒子应该把里面的内容包裹起来吧？那么我该如何实现呢？

谢谢！

更新

这是我的右对齐聊天项目框，xml 代码

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="10dp"
android:background="#ffffff" >

<ImageView
    android:id="@+id/item_image"
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:layout_alignParentRight="true"
    android:layout_alignParentTop="true"
    android:background="@drawable/image_photo" />

<LinearLayout 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginRight="10dp"
    android:padding="5dp"
    android:orientation="vertical"
    android:layout_alignParentTop="true"
    android:layout_toLeftOf="@+id/item_image"
    android:background="#cccccc" >

    <TextView 
        android:id="@+id/item_text_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right"
        android:textStyle="bold"
        android:textSize="20sp"
        android:text="Name"
        />
    <TextView 
        android:id="@+id/item_text_2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="5dp"
        android:gravity="right"
        android:layout_gravity="right"
        android:textSize="14sp"
        android:text="Message"
        />
</LinearLayout>

</RelativeLayout>

对于左对齐的聊天框，以防其他用户使用，您只需删除 android:layout_gravity 和 android:gravity！谢谢！

Answer 1

只需删除

android:layout_alignParentRight="true"
android:layout_alignParentTop="true"

从

<TextView 
        android:id="@+id/item_text_1"
        ...

因为您想对齐其父级而不是视图本身