创建一个列表视图与侧面像旧的电子邮件Android应用程序

Question

我想创建一个类似旧版gmail应用的列表视图。请参见屏幕截图：

我尝试了这样一个空视图：

<TextView
    android:id="@+id/color_highlight"
    android:layout_width="5dp"
    android:layout_height="match_parent"
    android:layout_alignParentRight="true"
    android:layout_alignParentTop="true"
    android:background="#ff0000"
    android:minHeight="48dp" />

<TextView
    android:id="@+id/name"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_marginRight="20dp"
    android:layout_marginTop="10dp"
    android:layout_toLeftOf="@id/color_highlight"
    android:text="Mudit Agarwal"
    android:textStyle="bold"
    android:textColor="#242424"
    android:textIsSelectable="false"
    android:textSize="22sp" />

<TextView
    android:id="@+id/number"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignRight="@id/name"
    android:layout_below="@id/name"
    android:text="9933445566"
    android:textColor="#777777"
    android:textIsSelectable="false"
    android:layout_marginBottom="10dp"
    android:textSize="15sp" />

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_centerVertical="true"
    android:padding="3dp"
    android:src="@drawable/contact" />

但这并没有占据整个视野的高度。请建议。

Answer 1

我改变的是

android:layout_alignBottom="@+id/number"

到color_highlight TextView。而不是margin，我将padding放在number TextView中，如下所示。

android:paddingBottom="20dp"

只需输入以下布局代码。

<?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" >

    <TextView
        android:id="@+id/color_highlight"
        android:layout_width="5dp"
        android:layout_height="match_parent"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:layout_alignBottom="@+id/number"
        android:background="#ff0000"
        android:minHeight="48dp" />

    <TextView
        android:id="@+id/name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_marginRight="20dp"
        android:layout_marginTop="10dp"
        android:layout_toLeftOf="@id/color_highlight"
        android:text="Mudit Agarwal"
        android:textColor="#242424"
        android:textIsSelectable="false"
        android:textSize="22sp"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/number"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignRight="@id/name"
        android:layout_below="@id/name"
        android:paddingBottom="20dp"
        android:text="9933445566"
        android:textColor="#777777"
        android:textIsSelectable="false"
        android:textSize="15sp" />

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        android:padding="3dp"
        android:src="@drawable/contact" />

</RelativeLayout>

Answer 2

我不确定，但您可以尝试使用 android:layout_height="0dip" 而不是 android:layout_height="match_parent" 。