RelativeLayout-在Android中定位文本項

Question

我有一個列表視圖，該列表視圖從數據庫中獲取了很少的列，並且使用列表視圖填充了文本視圖...但是我有一個問題，該問題導致項目重疊...這是我正在嘗試做的事情： http：// i .stack.imgur.com / AR5Jp.jpg

粗體文本將是靜態的（取自@string），而灰色文本應取自數據庫，該文本可能只是一個或多個單詞。.為此，我使用.xml文件：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:padding="6dip" >

<TextView
    android:id="@+id/textView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/textView1"
    android:textAppearance="?android:attr/textAppearanceMedium" 
    android:visibility="invisible"/>
<TextView
    android:id="@+id/idTender"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"        
    android:text=""
    android:visibility="invisible" />

<TextView
    android:id="@+id/textView2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/textView2"
    android:textAppearance="?android:attr/textAppearanceMedium" />
<TextView
    android:id="@+id/number"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_toRightOf="@+id/textView4"
    android:text="" />

<TextView
    android:id="@+id/textView3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@id/textView2"
    android:text="@string/textView3"
    android:textAppearance="?android:attr/textAppearanceMedium" />
<TextView
    android:id="@+id/Text1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_toRightOf="@+id/textView4"
    android:text="" />  

<TextView
    android:id="@+id/textView4"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@id/textView2"
    android:text="@string/textView3"
    android:textAppearance="?android:attr/textAppearanceMedium" />
<TextView
    android:id="@+id/Text2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_toRightOf="@+id/textView4"
    android:text="" />   
</RelativeLayout>

我嘗試了很多方法，通過使用android：layout這樣的波紋管，alignleft並與其他人進行測試。.但是我無法找到這種設計背后的邏輯。

因此，如果您可以幫助我建立此布局，那將非常好...

Answer 1

左側的標簽應彼此水平對齊，或與左側屏幕邊界保持相同的邊距。 每個值標簽應與標簽右側水平對齊。 垂直對齊中避免重疊的關鍵點是將每個標簽對齊為低於先前的值，而不是先前的標簽。

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

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="20dp"
        android:layout_marginTop="20dp"
        android:text="Number:"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/textView1"
        android:layout_alignBottom="@+id/textView1"
        android:layout_marginLeft="20dp"
        android:layout_toRightOf="@+id/textView1"
        android:text="myNumber"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <TextView
        android:id="@+id/textView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/textView1"
        android:layout_below="@+id/textView1"
        android:layout_marginTop="20dp"
        android:text="Text1:"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <TextView
        android:id="@+id/textView4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignTop="@+id/textView3"
        android:layout_alignLeft="@+id/textView2"
        android:text="long text is long is long text long is text is very very long text is long text long is indeed very long text even longer than what you would expect"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <TextView
        android:id="@+id/textView5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/textView4"
        android:layout_marginTop="20dp"
        android:layout_alignLeft="@+id/textView3"
        android:text="Text2:"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <TextView
        android:id="@+id/textView6"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignTop="@+id/textView5"
        android:layout_alignLeft="@+id/textView4"
        android:text="Yay this is in the right position"
        android:textAppearance="?android:attr/textAppearanceMedium" />

</RelativeLayout>