如何使用相對佈局在列表中垂直對齊項目？

Question

我正在使用Android 1.5中的列表視圖來顯示圖像旁邊的圖像和文本列表。我正在嘗試垂直居中文本，但文本位於行的頂部而不是居中。下面是我的佈局：

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/row" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:padding="10dip"> 

    <ImageView android:id="@+id/item_image" android:layout_width="wrap_content" 
     android:layout_height="wrap_content" android:paddingRight="10dip" 
     android:src="@drawable/default_image" android:layout_alignParentLeft="true" 
     android:layout_alignParentTop="true" 
     android:layout_alignParentBottom="true" 
     android:layout_centerVertical="true" 
     android:gravity="center_vertical"/> 

    <TextView android:id="@+id/item_title" 
     android:layout_width="wrap_content" android:layout_height="wrap_content" 
     android:layout_toRightOf="@id/item_image" 
     android:layout_alignParentTop="true" 
     android:layout_alignParentBottom="true" 
     android:layout_centerVertical="true" 
     android:gravity="center_vertical" 
     /> 

</RelativeLayout> 

這似乎很奇怪，我需要設置alignParentTop =「真」當我試圖垂直居中的文本，但如果我不文本甚至不露面。我究竟做錯了什麼？

Answer 1

編輯以下的評論：

原來製作與RelativeLayout的這項工作是不容易的。在答案的底部，我包含了一個RelativeLayout，它提供了所需的效果，但是直到它包含在ListView中。之後，發生了與問題中所述相同的問題。這是通過使用LinearLayout（s）來修復的。

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:paddingLeft="10dp" 
    android:orientation="horizontal"> 

    <ImageView android:id="@+id/pickImageImage" 
     android:layout_width="100dp" 
     android:layout_height="80dp" 
     android:background="@drawable/icon" 
     android:scaleType="fitXY" 
     android:layout_marginRight="10dp"/> 

    <TextView android:id="@+id/pickImageText" 
     android:layout_height="fill_parent" 
     android:layout_width="fill_parent" 
     android:gravity="left|center_vertical" 
     android:text="I'm the text"/> 

</LinearLayout> 

如果你想有兩個文本框，你可以嵌套第二orientation="vertical"和LinearLayout中的ImageView的之後，然後把文本框在裏面。

這有效，但我不得不承認，我不知道爲什麼RelativeLayouts沒有。例如，這個blog post by Romain Guy明確指出RelativeLayout應該。當我嘗試它時，我從來沒有完成它的工作;誠然，我並沒有像他那樣做，但我唯一的變化是TextViews的一些屬性，而這些屬性應該沒有什麼不同。

---

這裏是原來的答案：

我想你在RelativeLayout的所有這些有點矛盾的指示混亂的Android。我把你的東西重新格式化爲：

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/row" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:padding="10dip"> 

    <ImageView android:id="@+id/item_image" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:paddingRight="10dip" 
     android:src="@drawable/icon" 
     android:layout_alignParentLeft="true" 
     android:layout_alignParentTop="true"/> 

    <TextView android:id="@+id/item_title" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_toRightOf="@id/item_image" 
     android:layout_centerVertical="true" 
     android:text="Blah!"/> 

</RelativeLayout> 

而且工作正常。我刪除了許多冗餘android:layout_alignParentxxx，因爲它們不是必需的。這個視圖現在出現在左上角的圖片和垂直居中的文本旁邊。如果你希望圖片垂直居中，那麼你不能在android：layout_height =「wrap_content」上使用RelativeLayout，因爲它試圖讓自身不比圖片的高度更高。您必須指定高度，例如80dp，然後將ImageView設置爲一個固定的高度，例如60dp，並使用android：scaleType =「fitXY」將其縮小以適合正確的尺寸。

Answer 2

基線指令可以做到這一點，但ImageView現在根本不支持基線對齊。您可以通過創建ImageView的子類來解決此問題，重寫getBaseline（）方法並返回圖像的高度。

Answer 3

被困在了一陣類似的問題，但是發現這個從CommonsWare：

「當你膨脹的佈局，使用inflate(R.layout.whatever, parent, false)，其中父母是ListView的。」

工程，但只有當你設置行的高度爲一個特定的值（即你不能使用wrap_content）。