Как выровнять содержимое RelativeLayout справа от ImageView?

Question

Я пытаюсь создать макет item_view для раздувания в ListView, который появляется, как показано на следующей ссылке: Layout example.

Основной RelativeLayout содержит ImageView и другой RelativeLayout:

<ImageView 
    android:id="@+id/outbox_message_icon" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentLeft="true" 
    android:layout_alignParentTop="true" 
    android:layout_marginBottom="2dp" 
    android:adjustViewBounds="true" 
    android:src="@drawable/ic_action_favorite" /> 

На правой части ImageView у меня есть этот RelativeLayout, который содержит два TextField:

<RelativeLayout 
     android:id="@+id/outbox_message_info_container" 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" 
     android:layout_alignBottom="@+id/outbox_message_icon" 
     android:layout_alignParentRight="true" 
     android:layout_alignParentTop="true" 
     android:layout_toRightOf="@+id/outbox_message_icon" > 

     <View 
      android:id="@+id/separator" 
      android:layout_width="wrap_content" 
      android:layout_height="1dip" 
      android:layout_alignParentLeft="true" 
      android:layout_alignParentRight="true" 
      android:layout_centerVertical="true" 
      android:background="#000000" /> 

     <RelativeLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignBottom="@+id/separator" 
      android:layout_alignParentLeft="true" 
      android:layout_alignParentRight="true" 
      android:layout_alignParentTop="true" > 

      <TextView 
       android:id="@+id/textView1" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_centerHorizontal="true" 
       android:layout_centerVertical="true" 
       android:text="TextView1" /> 

     </RelativeLayout> 

     <RelativeLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentBottom="true" 
      android:layout_alignParentLeft="true" 
      android:layout_alignParentRight="true" 
      android:layout_alignTop="@+id/separator" > 

      <TextView 
       android:id="@+id/textView2" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_centerHorizontal="true" 
       android:layout_centerVertical="true" 
       android:text="TextView2" /> 

     </RelativeLayout> 
    </RelativeLayout> 

но получить этот результат: layout results. Я понятия не имею, почему я получаю правильный результат. Может кто-нибудь мне помочь? Спасибо.

Answer 1

Вы можете использовать LinearLayout для вашего TextViews и разделителя как ниже. Просто измените изображение на свое изображение.

<?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="match_parent"> 
    <ImageView 
     android:id="@+id/outbox_message_icon" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_alignParentTop="true" 
     android:layout_marginBottom="2dp" 
     android:adjustViewBounds="true" 
     android:src="@drawable/ic_launcher" /> 
    <LinearLayout 
     android:orientation="vertical" 
     android:id="@+id/outbox_message_info_container" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:gravity="center" 
     android:layout_alignBottom="@+id/outbox_message_icon" 
     android:layout_alignParentRight="true" 
     android:layout_alignParentTop="true" 
     android:layout_toRightOf="@+id/outbox_message_icon" > 


     <TextView 
      android:id="@+id/textView1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_centerHorizontal="true" 
      android:layout_centerVertical="true" 
      android:text="TextView1" /> 

     <View 
      android:id="@+id/separator" 
      android:layout_width="wrap_content" 
      android:layout_height="1dip" 
      android:layout_centerVertical="true" 
      android:background="#000000" /> 
     <TextView 
      android:id="@+id/textView2" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_centerHorizontal="true" 
      android:layout_centerVertical="true" 
      android:text="TextView2" /> 
    </LinearLayout> 
</RelativeLayout> 

Это результат: