Android RelativeLayout - TextView重疊按鈕...爲什麼？

Question

我有下面xml：

<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" 
    android:id="@+id/container" 
    tools:context="${packageName}.${activityClass}" > 

    <ImageButton 
     android:id="@+id/addTimerButton"  
     android:src="@android:drawable/ic_input_add" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_alignParentTop="true" 
     android:onClick="addTimer" 
    /> 

    <TextView 
     android:id="@+id/tv1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_below="@id/addTimerButton" 
     android:text="00:00:00" /> 

    <TextView 
     android:id="@+id/tv2" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_below="@id/tv2" 
     android:text="00:00:00" /> 

    </RelativeLayout> 

第一TextView tv1是正確的按鈕下方但實際上tv2重疊的按鈕。我期望tv2低於tv1 ...

有人可以幫助澄清這是如何工作？

Answer 1

你應該犯了一個錯字。您的第二個TextView的財產不正確。所以這個屬性被跳過，這個TextView被放置在他左上角的默認位置。這就是它與你的按鈕重疊的原因。

要修復它只是替換此：

<TextView 
     android:id="@+id/tv2" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_below="@id/tv2" 
     android:text="00:00:00" /> 

本：

<TextView 
     android:id="@+id/tv2" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_below="@id/tv1" 
     android:text="00:00:00" />