如何让我的ListViewItem看起来像Twitter应用程序?

时间:2010-11-20 18:06:55

标签: java android listview twitter android-layout

我希望我的行项看起来像这样: alt text

我希望左侧,上下文字和日期都有图像。我已经开始解决这个问题了,但我不确定如何继续使用其余的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>

1 个答案:

答案 0 :(得分:3)

你会想看看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外部,然后是标题&amp;的嵌套垂直Lineaar布局。身体等。