Android 自定义 ListViewItem 布局

Question

我不太明白我的列表视图项的布局没有像我想要的那样显示。 我希望有人能给我一些提示，因为我现在已经有一段时间无法让它工作了。 我想要的如下：

这是我的方法：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="20dip"
android:padding="6dip">
<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="3dip">
        <TextView
            android:id="@+id/nametext"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
        />
</LinearLayout>
<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="7dip">
        <ImageView
            android:id="@+id/photo"
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_marginRight="6dip"
            android:src="@drawable/icon" />
        <LinearLayout
            android:orientation="vertical"
            android:layout_width="0dip"
            android:layout_weight="1"
            android:layout_height="fill_parent">
            <TextView
                android:id="@+id/toptext"
                android:layout_width="fill_parent"
                android:layout_height="0dip"
                android:layout_weight="1"
                android:gravity="center_vertical"
            />
            <TextView
                android:layout_width="fill_parent"
                android:layout_height="0dip"
                android:layout_weight="1"
                android:id="@+id/middletext"
                android:singleLine="true"
                android:ellipsize="marquee"
            />
            <TextView
                android:layout_width="fill_parent"
                android:layout_height="0dip"
                android:layout_weight="1"
                android:id="@+id/bottomtext"
                android:singleLine="true"
                android:ellipsize="marquee"
            />
        </LinearLayout>
        <ImageView
            android:id="@+id/stars"
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_marginLeft="6dip"
            android:src="@drawable/icon" />
</LinearLayout>

任何帮助将不胜感激。 我已经尝试过不同的尺寸和相对布局。没变。 它看起来不像我认为的那样。

编辑三个缺失的空白

edit2 添加图片

Answer 1

您可以使用 LinearLayouts 做到这一点，但您需要三个嵌套布局：

1. 包含所有内容的垂直 LinearLayout。
2. 水平 LinearLayout 包含除标题之外的所有内容。
3. 包含非标题 TextView 的垂直 LinearLayout。

内部垂直的 LinearLayout 可能需要android:layout_weight="1"，因此它会拉伸以填充可用空间，但不会挤出右侧的 ImageView。

这一切都非常昂贵，尤其是当乘以 ListView 中的众多视图时。 RelativeLayout 只需一种布局即可完成此操作。

<?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="6dip" >
    <TextView 
        android:id="@+id/textView1" 
        android:layout_alignParentTop="true" 
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content" 
        android:gravity="center_vertical|center_horizontal" 
        android:textSize="40sp">
    </TextView>
    <ImageView 
        android:id="@+id/imageView1" 
        android:layout_below="@+id/textView1" 
        android:layout_alignParentBottom="true" 
        android:layout_alignParentLeft="true"
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:src="@drawable/icon" >
    </ImageView>
    <ImageView 
        android:id="@+id/imageView2" 
        android:layout_below="@+id/textView1"
        android:layout_alignParentBottom="true" 
        android:layout_alignParentRight="true" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:src="@drawable/icon" >
    </ImageView>
    <TextView 
        android:id="@+id/textView2" 
        android:layout_below="@+id/textView1"
        android:layout_toRightOf="@+id/imageView1" 
        android:layout_toLeftOf="@+id/imageView2" 
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content" 
        android:gravity="center_horizontal" 
        android:text="TextView" >
    </TextView>
    <TextView 
        android:id="@+id/textView3" 
        android:layout_below="@+id/textView2"
        android:layout_toRightOf="@+id/imageView1" 
        android:layout_toLeftOf="@+id/imageView2" 
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content" 
        android:gravity="center_horizontal" 
        android:text="TextView" >
    </TextView>
    <TextView 
        android:id="@+id/textView4" 
        android:layout_below="@+id/textView3"
        android:layout_toRightOf="@+id/imageView1" 
        android:layout_toLeftOf="@+id/imageView2" 
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content" 
        android:gravity="center_horizontal" 
        android:text="TextView" >
    </TextView>
</RelativeLayout>

为格式化和添加编辑：

这就是结果。当然，文字和图片大小需要调整，但基本效果就是你描述的那样。

Answer 2

我不确定你是否真的想要一个 3dip 标题和 7dip 内容... 如果你想让外部线性布局内的东西垂直排列，请使用

android:orientation="vertical"

在父线性布局中。要在布局的内容部分排列这三个项目，您可以使用 android:weight 或 android:alignParentLeft / Right。

我担心我不确定你想做什么，所以我无法编辑你的布局:(