在ListView中垂直居中ListItem的内容

时间:2011-03-02 21:41:19

标签: android android-layout listitem

我的Android应用程序存在布局问题:

我有一个Listview包含使用以下布局的项目:

<?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="fill_parent"
android:minHeight="40px"
android:orientation="horizontal">

 <TextView android:layout_gravity="center_vertical"  android:textSize="20px"       android:id="@+id/track_position" android:layout_width="wrap_content"  android:layout_height="wrap_content"></TextView>

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:orientation="vertical"
android:layout_gravity="center_vertical"
>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
 android:id="@+id/track_name"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:textAppearance="?android:attr/textAppearanceLarge"
  android:paddingLeft="8dip"
  android:textSize="14px"
/>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
 android:id="@+id/track_artist"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:textAppearance="?android:attr/textAppearanceLarge"
  android:paddingLeft="8dip"
  android:textSize="8px"

/>

这会产生以下结果: enter image description here

但我想让曲目标题和副标题居中。像那样: enter image description here

所以AFAIK我做了所有事情,所以这就是结果。

3 个答案:

答案 0 :(得分:7)

你需要

android:gravity="center_vertical"

在包含两个textView的LinearLayout上,如下所示:

<?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="fill_parent"
android:minHeight="40px"
android:orientation="horizontal">
<TextView
    android:layout_gravity="center_vertical"
    android:textSize="20px"
    android:id="@+id/track_position"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
</TextView>
<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    android:gravity="center_vertical"
    android:layout_gravity="center_vertical">
    <TextView
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/track_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:paddingLeft="8dip"
        android:textSize="14px" />
    <TextView
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/track_artist"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:paddingLeft="8dip"
        android:textSize="8px" />
</LinearLayout>
</LinearLayout>

答案 1 :(得分:5)

尝试将android:layout_centerVertical="true"用于track_position TextView。

编辑:鉴于Maaalte正确地指出上面是针对RelativeLayout的,我找到了我正在思考的布局,它实现了所需的......

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:padding="5dp">
    <TextView
        android:id="@+id/start_time_short"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:padding="10dp"
        android:textSize="16sp" >
    </TextView>
    <TextView 
        android:id="@+id/title"
        android:layout_toRightOf="@+id/start_time_short"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="5dp"
        android:paddingTop="3dp"
        android:textSize="16sp"
        android:ellipsize="end"
        android:singleLine="true" >
    </TextView>
    <TextView 
        android:id="@+id/description"
        android:layout_toRightOf="@+id/start_time_short"
        android:layout_below="@+id/title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="5dp"
        android:paddingTop="3dp"
        android:textSize="16sp"
        android:ellipsize="end"
        android:singleLine="true" >
    </TextView>
</RelativeLayout>

在我的情况下,这是一个电视指南条目,左侧TextView显示时间(HH:mm)与电视节目的标题和描述在右边。一切都适合我。

答案 2 :(得分:0)

我不熟悉这个,只是网页样式。但是如果轨道和波段总是有1行,那么你不能只将paddingTop值设置为第二个LinearLayout块吗?

相关问题