Android Custom ListViewItem Layout

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>

Любая помощь будет оценена.Я уже пробовал разные размеры и RelativeLayout.Без изменений.Это не выглядит так, как я думал, что должно.

редактировать пропущенные три пробела

edit2 добавлен рис

Answer 1

Вы можете сделать это с помощью LinearLayouts, но вам понадобятся три вложенных макета:

1. Вертикальный LinearLayout, содержащий все.
2. Горизонтальная линейная планировка, содержащая все, кроме заголовка.
3. Вертикальный LinearLayout, содержащий не заголовочные TextViews.

Внутреннему вертикальному 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"

в родительском LinearLayout.чтобы упорядочить три элемента в содержательной части вашего макета, вы можете использовать android: weight или android: alignParentLeft / Right.

Боюсь, я не уверен, что вы хотите сделать, поэтому я не могу редактировать ваш макет(