對齊TextViews與RelativeLayout的

Question

我的佈局是這樣的：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
       android:layout_width="fill_parent" 
       android:layout_height="wrap_content" 
       android:background="@drawable/bgr"> 
    <RelativeLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_centerVertical="true" 
      > 
     <TextView android:layout_width="60dp" android:layout_height="wrap_content" 
        android:id="@+id/label" 
        style="@style/ConnectionPoint.Label" 
        android:text="Title" 
       /> 
     <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" 
        android:id="@+id/code" 
        style="@style/ConnectionPoint.Code" 
        android:text="CODE" 
       /> 
     <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" 
        android:id="@+id/name" 
        android:layout_toRightOf="@id/label" 
        android:layout_toLeftOf="@id/code" 
        style="@style/ConnectionPoint.Name" 
        android:text="Some text" 
       /> 
    </RelativeLayout> 
</RelativeLayout> 

而且款式：

<style name="ConnectionPoint.Text" parent="android:TextAppearance"> 
    <item name="android:layout_alignParentBottom">true</item> 
</style> 
<style name="ConnectionPoint.Label" parent="ConnectionPoint.Text"> 
    <item name="android:textColor">@color/from_to</item> 
    <item name="android:layout_marginLeft">5dp</item> 
    <item name="android:layout_marginRight">10dp</item> 
    <item name="android:textSize">16dp</item> 
</style> 
<style name="ConnectionPoint.Name" parent="ConnectionPoint.Text"> 
    <item name="android:textSize">26dp</item> 
    <item name="android:textStyle">bold</item> 
    <item name="android:singleLine">true</item> 
    <item name="android:ellipsize">end</item> 
</style> 
<style name="ConnectionPoint.Code" parent="ConnectionPoint.Text"> 
    <item name="android:textColor">@color/iata</item> 
    <item name="android:textSize">18dp</item> 
    <item name="android:singleLine">true</item> 
    <item name="android:layout_alignParentRight">true</item> 
    <item name="android:layout_marginRight">5dp</item> 
    <item name="android:layout_marginLeft">5dp</item> 
</style> 

但在結果TextViews沒有正確對齊：

我希望它們按照底部對齊，並且無法理解爲什麼RelativeLayout無法做到這一點。我應該怎麼做RelativeLayout對齊TextViews？

Answer 1

不幸的是，唯一可行的解​​決方案是不使用LinearLayou t而不是嵌套RelativeLayout

Answer 2

選擇的TextView和GOTO性能

select Center Vertical for each textview

或

put android:layout_centerVertical="true" in xml

Answer 3

試試這個代碼：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="match_parent" 
android:layout_height="match_parent" > 
< 

<RelativeLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_centerVertical="true" > 

    <TextView 
     android:id="@+id/label" 
     style="@style/ConnectionPoint.Label" 
     android:layout_width="60dp" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:text="Title" /> 

    <TextView 
     android:id="@+id/code" 
     style="@style/ConnectionPoint.Code" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_centerInParent="true" 
     android:text="CODE" /> 

    <TextView 
     android:id="@+id/name" 
     style="@style/ConnectionPoint.Name" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentRight="true" 
     android:text="Some text" /> 
    </RelativeLayout> 

    </RelativeLayout> 

Answer 4

我知道這個問題是2歲，但我想我有一個更好的答案，如果任何人遇到此問題。它解決了我的問題，試圖在嵌套的相對佈局中對齊文本視圖。

假設OP代碼：

<RelativeLayout 
     android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_centerVertical="true"> 
<TextView 
     android:layout_width="60dp" android:layout_height="wrap_content" 
     android:id="@+id/label" 
     style="@style/ConnectionPoint.Label" 
     android:text="Title"/> 
<TextView 
     android:layout_width="wrap_content" android:layout_height="wrap_content" 
     android:id="@+id/code" 
     style="@style/ConnectionPoint.Code" 
     android:text="CODE"/> 
<TextView 
     android:layout_width="wrap_content" android:layout_height="wrap_content" 
     android:id="@+id/name" 
     android:layout_toRightOf="@id/label" 
     android:layout_toLeftOf="@id/code" 
     style="@style/ConnectionPoint.Name" 
     android:text="Some text"/> 

下應努力對準由底部以下幾個要素：

<RelativeLayout 
      android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_centerVertical="true"> 
     <TextView 
       android:layout_width="60dp" android:layout_height="wrap_content" 
       android:id="@+id/label" 
       android:text="Title"/> 
     <TextView 
       android:layout_width="wrap_content" android:layout_height="wrap_content" 
       android:id="@+id/code" 
       android:layout_alignBottom="@+id/label" 
       android:text="CODE"/> 
     <TextView 
       android:layout_width="wrap_content" android:layout_height="wrap_content" 
       android:id="@+id/name" 
       android:layout_toRightOf="@id/label" 
       android:layout_toLeftOf="@id/code" 
       android:layout_alignBottom="@+id/label" 
       android:text="Some text"/> 
    </RelativeLayout> 

這裏唯一的變化是增加以下行：

android:layout_alignBottom="@+id/{your-id-here}" 

您可能需要根據您的佈局對其進行調整 - 在上面的示例中，帶有id = label的TextView基本上是根，其他元素從它的底部開始。這就是爲什麼id = label沒有layout_alignBottom屬性。