如何讓我的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，用於標題& body等