材料设计双线列表

时间:2014-10-15 19:15:22

标签: android android-layout android-listview material-design

我希望在 Material Design page 中获得此处显示的双线列表项。

首先,我的xml文件,表示要在适配器中使用的列表项:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="72dp" >

    <TextView
        android:text="Artist"
        android:textSize="16sp"
        android:typeface="sans"
        android:paddingLeft="16dp"
        android:paddingStart="16dp"
        android:id="@+id/textView_artist_name"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <TextView
        android:text="10 Albumnes"
        android:textSize="14sp"
        android:typeface="sans"
        android:paddingLeft="16dp"
        android:paddingStart="16dp"
        android:id="@+id/textView_album_count"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

</LinearLayout>

现在,我的问题。我希望TextView都能居中,就像上面的链接一样。但我看到它们在 LinearLayout 的顶部对齐。这是:第一个TextView位于LinearLayout的顶部,第二个位于它下面,然后是所有可用空间。我想要做的是看到TextView以列表项为中心。

首先尝试

我使用 android:layout_gravity =&#34; center_vertical&#34; ,但它不适用于两个TextView。如果我删除其中一个TextView,那么另一个是我想要的,但是当我添加第二个时。

第二次尝试

我已尝试使用XML atributes android:WeightSum =&#34; 2&#34; 在布局中 android:layout_weight =&#34; 1&#34 在TextViews中,但都没有效果。

我想知道如何设法获取我在此处链接的列表项。 提前谢谢!

1 个答案:

答案 0 :(得分:1)

这将使他们保持紧密和集中:

<LinearLayout

            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:orientation="vertical">

            <TextView
                android:id="@+id/message_title"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Title"/>

            <TextView
                android:id="@+id/message_subtitle"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Subtitle"/>
        </LinearLayout>

layout_gravity和gravity:Gravity and layout_gravity on Android

之间存在差异