如何對齊佈局中的文本中的Android

Question

我想顯示在ListView行的一些文本與以下定位：

Mike  10pt $1,233,500 
Mike2 200pt $1,2,500 
Holly  10pt $4500 

但是，當我嘗試，我得到了這個：

Mike  10pt $1,233,500 
    Mike2 200pt  $12,500 
    Holly   10pt $4500 

我的佈局文件如下。我究竟做錯了什麼？

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:orientation="vertical" > 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:orientation="horizontal" 
     android:gravity="center" 
     android:background="@drawable/dl005_textfield_selected" 
     android:paddingBottom="5dp" > 

     <TextView 
      android:id="@+id/Name" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginLeft="10dp" 
      android:text="Mike" 
      android:layout_weight="1" 
      android:textColor="#888888" /> 

     <TextView 
      android:id="@+id/score" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:padding="10dp" 
      android:gravity="right" 
      android:text="10pt" 
      android:textColor="#3498db" /> 

     <TextView 
      android:id="@+id/myid" 
      android:layout_width="50dp" 
      android:layout_height="wrap_content" 
      android:text="$1,233,500" 
      android:textStyle="bold" 
      android:textSize="18sp" 
      android:layout_weight="1" 
      android:gravity="right" 
      android:textColor="#3498db" /> 

    </LinearLayout> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:orientation="horizontal" > 
    </LinearLayout> 

</LinearLayout> 

Answer 1

您應該使用TableLayout，而不是將子視圖置於行和列中。另請注意，您需要從第三個TexView中刪除android:gravity="right"，因爲您需要將其內容左對齊。

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:stretchColumns="1" > 

    <TableRow 
     android:background="@drawable/dl005_textfield_selected" 
     android:paddingBottom="5dp" > 

     <TextView 
      android:id="@+id/Name" 
      android:layout_marginLeft="10dp" 
      android:text="Mike" 
      android:textColor="#888888" /> 

     <TextView 
      android:id="@+id/score" 
      android:padding="10dp" 
      android:gravity="right" 
      android:text="10pt" 
      android:gravity="right" 
      android:textColor="#3498db" /> 

     <TextView 
      android:id="@+id/myid" 
      android:text="$1,233,500" 
      android:textStyle="bold" 
      android:textSize="18sp" 
      android:textColor="#3498db" /> 

    </TableRow> 

    ... 

</TableLayout> 

您還需要去掉兒童TextViews的layout_width屬性，因爲他們總是被設置爲MATCH_PARENT。您可以將單個列設置爲可延伸的或可收縮。