2017-03-30 66 views
0

我正在嘗試爲我的學校項目構建相對佈局。中心元素拒絕與其他頂部相同的高度和距離。我該如何解決?爲什麼我的相對格式看起來很尷尬?

編輯:澄清圖標是使用fontAwesome的textViews。稍微調試一下,我切換了左側和中間容器的圖標,而中心仍然更高,所以我認爲這是一個格式問題。

佈局:

<RelativeLayout 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:paddingTop="10dp" 
     android:orientation="horizontal"> 

     <LinearLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentLeft="true" 
      android:orientation="vertical" 
      android:paddingTop="10dp"> 

      <TextView 
       android:id="@+id/icDate" 
       android:textAppearance="@color/colorPrimaryDark" 
       android:text="@string/fa_calender" 
       android:textSize="24sp" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:textAlignment="center"> 
      </TextView> 

      <TextView 
       android:textAppearance="@color/colorPrimaryDark" 
       android:id="@+id/tvDate" 
       android:textSize="14sp" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:textAlignment="center"> 
      </TextView> 

     </LinearLayout> 

     <LinearLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_centerInParent="true" 
      android:orientation="vertical" 
      android:paddingTop="10dp"> 

      <TextView 
       android:id="@+id/icDuration" 
       android:textAppearance="@color/colorPrimaryDark" 
       android:text="@string/fa_time" 
       android:textSize="24sp" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:textAlignment="center"> 
      </TextView> 

      <TextView 
       android:textAppearance="@color/colorPrimaryDark" 
       android:id="@+id/tvDuration" 
       android:textSize="14sp" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:textAlignment="center"> 
      </TextView> 

     </LinearLayout> 

     <LinearLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentRight="true" 
      android:orientation="vertical" 
      android:paddingTop="10dp"> 

      <TextView 
       android:id="@+id/icDistance" 
       android:textAppearance="@color/colorPrimaryDark" 
       android:text="@string/fa_road" 
       android:textSize="24sp" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:textAlignment="center"> 
      </TextView> 

      <TextView 
       android:textAppearance="@color/colorPrimaryDark" 
       android:id="@+id/tvDistance" 
       android:textSize="14sp" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:textAlignment="center"> 
      </TextView> 

     </LinearLayout> 


    </RelativeLayout> 

與BG突出問題:

enter image description here

沒有BG

enter image description here

+0

也許圖像的大小是不同的? –

回答

0

兩種方法可以做到這一點。

1,使用Paint確保您的圖像尺寸完全相同。

2,調整特定

  android:layout_width="30dp" 
      android:layout_height="30dp" 
+0

不幸的是,它們只是一個字體的圖標。 –

+0

不要用fontAwesome讓事情變得簡單。當然如果其指定使用。 – nikeru8

0

您的圖片大小,你試過用你所有的LinearLayoutandroid:layout_centerVertical="true"

請記住,您必須將圖標加上日期或任何文字在圖標下方。因此,您必須將兩者的容器居中,即LinearLayout

此外,使用android:textAlignment="center"將文本置於其自己的邊框中。它不會將其居中放置在其父級佈局中。