Как я могу сделать мой ListViewItem похожим на приложение Twitter?

Question

Я хочу, чтобы мои строки выглядели так:

Я хочу иметь изображение слева, верхний и нижний текст и дату. Я начал его выкладывать, но не уверен, как поступить с остальным XML:

 <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout android:id="@+id/RelativeLayout01" xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content">

     <ImageView 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:id="@+id/avatarImageView">
     </ImageView>
    <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:id="@+id/usernameTextView" 
        android:text="username" 
        android:layout_toRightOf="@+id/avatarImageView"
        android:layout_alignParentTop="true">
    </TextView>

    <TextView 
        android:id="@+id/bodyTextView" 
        android:layout_below="@+id/usernameTextView" 
        android:layout_toRightOf="@+id/avatarImageView"
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="body">
    </TextView>
    <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_toRightOf="@+id/usernameTextView" 
        android:id="@+id/dateTextView" 
        android:text="date">
    </TextView>
</RelativeLayout>

Answer 1

Вы захотите проверить RelativeLayout, его гораздо проще для таких макетов, это будет что-то вроде.

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="?android:attr/listPreferredItemHeight"
    android:padding="6dip">

<ImageView id="@+id/badge"
    android:layout_alignParentTop="true"
    android:layout_alignParentLeft="true"
    .../>

<TextView id="@+id/title"
    android:layout_toRightOf="@id/badge"
    android:layout_alignParentTop="true"
    ....
    />

<TextView id="@+id/body"
    android:layout_below="@id/title"
    android:layout_toRightOf="@id/badge"
     ....
    />
</RelativeLayout>

В противном случае вам нужно вложить смешанные LinearLayouts, например, внешний слева направо LinearLayout, затем вложенный вертикальный Lineaar Layout для заголовка и тела и т. д.