2017-03-30 68 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"将文本置于其自己的边框中。它不会将其居中放置在其父级布局中。