Layout_Below在相對佈局中沒有正確執行

Question

我有以下xml代碼。 imagebutton沒有在textView下面對齊，邊距爲5dp。我認爲我在理解各種佈局參數時犯了一個錯誤。相關佈局是一個線性佈局的子視圖，其他視圖很少。

 <RelativeLayout 
     android:layout_width="match_parent" 
     android:layout_height="0dp" 
     android:layout_weight="40"> 

     <com.github.lzyzsd.circleprogress.DonutProgress 
      android:id="@+id/amain_dp" 
      android:layout_width="240dp" 
      android:layout_height="240dp" 
      android:layout_centerInParent="true" /> 

     <TextView 
      android:id="@+id/amain_tv_currentsteps" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_centerInParent="true" 
      android:gravity="center" 
      android:textSize="25sp" /> 

     <ImageButton 
      android:id="@+id/amain_ib_whatsapp" 
      android:layout_width="40dp" 
      android:layout_height="40dp" 
      android:layout_marginTop="5dp" 
      android:layout_centerHorizontal="true" 
      android:layout_below="@id/amain_tv_currentsteps" 
      android:background="@drawable/whatsapp_icon"/> 

    </RelativeLayout> 

這是我得到的輸出：

編輯：代碼工作如果適當layout_weight參數被刪除，固定提供layout_height參數。不過想明白，爲什麼上面的代碼將失敗，因爲layout_weight

編輯：完整的XML代碼：

<ScrollView 
xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:app="http://schemas.android.com/apk/res-auto" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
tools:context="in.jiyofit.basic_app.MainActivity"> 

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

    <TextView 
     android:id="@+id/amain_tv_target" 
     android:layout_width="wrap_content" 
     android:layout_height="0dp" 
     android:layout_marginBottom="10dp" 
     android:layout_marginTop="20dp" 
     android:layout_weight="10" /> 

    <RelativeLayout 
     android:layout_width="match_parent" 
     android:layout_height="0dp" 
     android:layout_weight="40"> 

     <com.github.lzyzsd.circleprogress.DonutProgress 
      android:id="@+id/amain_dp" 
      android:layout_width="240dp" 
      android:layout_height="240dp" 
      android:layout_centerInParent="true" /> 

     <TextView 
      android:id="@+id/amain_tv_currentsteps" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_centerInParent="true" 
      android:gravity="center" 
      android:textSize="25sp" /> 

     <ImageButton 
      android:id="@+id/amain_ib_whatsapp" 
      android:layout_width="40dp" 
      android:layout_height="40dp" 
      android:layout_marginTop="5dp" 
      android:layout_centerHorizontal="true" 
      android:layout_below="@id/amain_tv_currentsteps" 
      android:background="@drawable/whatsapp_icon"/> 

    </RelativeLayout> 

    <FrameLayout 
     android:id="@+id/amain_fl_container" 
     android:layout_width="match_parent" 
     android:layout_height="0dp" 
     android:layout_weight="30" 
     android:layout_marginTop="20dp"/> 

</LinearLayout> 

Answer 1

鑑於您的佈局有以下方案：

<ScrollView> 
    <LinearLayout> 
     <TextView/> 
     <RelativeLayout/> 
     <FrameLayout/> 
    </LinearLayout> 
</ScrollView> 

在上面的層次結構，所有LinearLayout孩子有一個佈局重屬性集，基本上問父父之內提供(layout_weight/weightSum) * parentHeight()空間，它和LinearLayout本身有一個lauout_height設置爲wrap_content，基本上要求孩子們說出自己的高度，所以LinearLayout本身可以相應地擴展。這是一種循環依賴，因此佈局工具無法找出位置。

在這種情況下，你有兩個選擇：

1 - 刪除ScrollView和Linearlayout's高度設置爲match_parent。佈局中的每個子元素都會相應地展開以正確佔用屏幕空間。您的佈局看起來就像這樣：

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

    <TextView 
     android:id="@+id/amain_tv_target" 
     android:layout_width="wrap_content" 
     android:layout_height="0dp" 
     android:layout_marginBottom="10dp" 
     android:layout_marginTop="20dp" 
     android:layout_weight="10"/> 

    <RelativeLayout 
     android:layout_width="match_parent" 
     android:layout_height="0dp" 
     android:layout_weight="40"> 

     <com.github.lzyzsd.circleprogress.DonutProgress 
      android:id="@+id/amain_dp" 
      android:layout_width="240dp" 
      android:layout_height="240dp" 
      android:layout_centerInParent="true"/> 

     <TextView 
      android:id="@+id/amain_tv_currentsteps" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_centerInParent="true" 
      android:gravity="center" 
      android:textSize="25sp"/> 

     <ImageButton 
      android:id="@+id/amain_ib_whatsapp" 
      android:layout_width="40dp" 
      android:layout_height="40dp" 
      android:layout_below="@id/amain_tv_currentsteps" 
      android:layout_centerHorizontal="true" 
      android:layout_marginTop="5dp"/> 

    </RelativeLayout> 

    <FrameLayout 
     android:id="@+id/amain_fl_container" 
     android:layout_width="match_parent" 
     android:layout_height="0dp" 
     android:layout_marginTop="20dp" 
     android:layout_weight="30"/> 

</LinearLayout> 

2 - 既然你有一個適當的ScrollView，則可以提供絕對高度的LinearLayout每個孩子，讓LinearLayout高度wrap_content。 ScrollView將針對不同屏幕充分縮放您的佈局。你的佈局可能會是這個樣子：

<ScrollView 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

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

     <TextView 
      android:id="@+id/amain_tv_target" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginBottom="10dp" 
      android:layout_marginTop="20dp"/> 

     <RelativeLayout 
      android:layout_width="match_parent" 
      android:layout_height="400dp"> 

      <com.github.lzyzsd.circleprogress.DonutProgress 
       android:id="@+id/amain_dp" 
       android:layout_width="240dp" 
       android:layout_height="240dp" 
       android:layout_centerInParent="true"/> 

      <TextView 
       android:id="@+id/amain_tv_currentsteps" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_centerInParent="true" 
       android:gravity="center" 
       android:textSize="25sp"/> 

      <ImageButton 
       android:id="@+id/amain_ib_whatsapp" 
       android:layout_width="40dp" 
       android:layout_height="40dp" 
       android:layout_below="@id/amain_tv_currentsteps" 
       android:layout_centerHorizontal="true" 
       android:layout_marginTop="5dp"/> 

     </RelativeLayout> 

     <FrameLayout 
      android:id="@+id/amain_fl_container" 
      android:layout_width="match_parent" 
      android:layout_height="200dp" 
      android:layout_marginTop="20dp"/> 

    </LinearLayout> 

</ScrollView> 

就像一個經驗法則，確保您LinearLayout的高度/寬度如果確定您提供layout_weight屬性，其子之前。希望這可以幫助。

Answer 2

您需要使用+ 這樣的：

android:layout_below="@+id/amain_tv_currentsteps" 

Answer 3

在你頂部RelativeLayout給它一個尺寸0dp使問題，因爲它（該rel有0高度和）你的圖像視圖低於我噸。

android:layout_height="match_parent"