Android UI的问题

Question

以下是UI的图像。当应用程序启动时，它似乎如下

在这里我显示了计时器和km变化的变化。当千米得到改变我的布局被打乱如下

以下是我的UI布局

<LinearLayout android:id="@+id/linearLayout2" android:background="@drawable/rounded_background" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginTop="50dip" 
          android:layout_marginLeft="15dip" android:layout_marginRight="15dip" android:orientation="vertical"> 

       <LinearLayout android:id="@+id/linearLayout3" android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content">   
         <TextView android:text="00:00:00" android:id="@+id/timer" android:textSize="28dip" android:gravity="center_vertical|center_horizontal" android:textColor="#000000" 
           android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginTop="15dip" android:layout_marginBottom="15dip"> 
         </TextView> 
       </LinearLayout> 

       <View android:id="@+id/separator1" android:background="#000000" android:layout_width = "fill_parent" android:layout_height="1dip" android:layout_centerVertical ="true" android:layout_alignParentTop="true"/> 

       <LinearLayout android:id="@+id/linearLayout4" android:layout_width="wrap_content" android:orientation="horizontal" android:layout_height="wrap_content"> 
        <LinearLayout android:layout_marginLeft="55dip" android:id="@+id/linearLayout5" android:layout_width="wrap_content" android:orientation="horizontal" android:layout_height="wrap_content"> 
          <TextView android:text="0" android:id="@+id/pace" android:textSize="17dip" android:textColor="#000000" android:layout_marginBottom="5dip" android:layout_weight="1" 
             android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="15dip" android:lines="1" android:gravity="right" > 
          </TextView> 
          <TextView android:text="Km/hr" android:id="@+id/pace1" android:layout_width="wrap_content" android:layout_height="wrap_content" 
             android:lines="1" android:textColor="#000000" android:layout_marginLeft="7dip" android:layout_marginTop="15dip" android:layout_marginBottom="15dip"> 
          </TextView> 
        </LinearLayout>   

        <View android:id="@+id/separator2" android:layout_marginLeft="40dip" android:layout_width="1dip" android:layout_height="fill_parent" android:background="#000000" /> 

        <LinearLayout android:id="@+id/linearLayout6" android:layout_width="wrap_content" android:orientation="horizontal" android:layout_height="wrap_content"> 
          <TextView android:text="0" android:id="@+id/cal" android:textSize="20dip" android:textColor="#000000" android:layout_marginBottom="5dip" 
             android:layout_marginLeft="25dip" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="15dip"> 
          </TextView> 
          <TextView android:text="cal" android:id="@+id/cal1" android:layout_width="wrap_content" android:layout_height="wrap_content" 
             android:textColor="#000000" android:layout_marginLeft="15dip" android:layout_marginTop="15dip" android:layout_marginBottom="5dip">    
          </TextView> 
        </LinearLayout>  
       </LinearLayout>  

我不想被人打扰我的UI，如何做到这一点，请帮助我朋友......

Answer 1

你应该设置Layout_Width="50dip"或者一些常数..如果你说它是包装内容，它会这样做，布局会受到干扰......我正在谈论2个包含km和cal的textviews。 。

Answer 2

指定相同的layout_weight至linearLayout5和linearLayout6。

Answer 3

您的意见'文字是由边距手动居中。你可以看到这种方法并不灵活。我会删除这些边距，并设置landroid:layout_gravity="center"。另外，您应该分别为设置TextView和cal1，分别为0.6和0.4。如果不适合你，稍微改变体重。

Answer 4

将下表的行用于linearLayout2。在该表格行中使用两个线性布局，其中方向垂直。对于第一个线性布局固定它的宽度。然后将视图放在第一个线性布局&然后第二个线性布局之后。 TextView1在第一个线性布局中为线性lay2中的消息& textview2。

Answer 5

你为什么不使用一个的RelativeLayout for efficiency

<?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="125dp"> 
    <TextView android:text="00:00:00" android:id="@+id/timer" 
     android:textSize="28dp" android:gravity="center_vertical|center_horizontal" 
     android:textColor="#000000" android:layout_width="fill_parent" 
     android:layout_height="wrap_content" android:layout_marginTop="15dp" 
     android:layout_marginBottom="15dp" /> 
    <View android:id="@+id/separator1" android:background="#000000" 
     android:layout_width="fill_parent" android:layout_height="1dp" 
     android:layout_below="@+id/timer" android:layout_marginRight="15dp" 
     android:layout_marginLeft="15dp" /> 
    <TextView android:text="cal" android:id="@+id/cal1" 
     android:layout_width="wrap_content" android:layout_height="wrap_content" 
     android:textColor="#000000" android:layout_marginRight="15dp" 
     android:layout_marginTop="20dp" android:layout_marginBottom="15dp" 
     android:layout_alignParentRight="true" android:layout_below="@+id/separator1" /> 
    <TextView android:text="0" android:id="@+id/cal" 
     android:textSize="20dp" android:textColor="#000000" 
     android:layout_marginRight="7dp" android:layout_width="wrap_content" 
     android:layout_height="wrap_content" android:layout_toLeftOf="@+id/cal1" 
     android:layout_alignBaseline="@+id/cal1" /> 
    <View android:id="@+id/separator2" 
     android:layout_alignParentRight="true" android:layout_marginRight="100dp" 
     android:layout_width="1dp" android:layout_height="fill_parent" 
     android:layout_marginBottom="15dp" android:layout_below="@+id/separator1" 
     android:background="#000000" /> 
    <TextView android:text="Km/hr" android:id="@+id/pace1" 
     android:layout_width="wrap_content" android:layout_height="wrap_content" 
     android:textColor="#000000" android:layout_marginRight="7dp" 
     android:layout_alignBaseline="@+id/cal1" android:layout_toLeftOf="@+id/separator2" /> 
    <TextView android:text="0" android:id="@+id/pace" 
     android:textSize="17dp" android:textColor="#000000" 
     android:layout_width="wrap_content" android:layout_height="wrap_content" 
     android:layout_marginRight="7dp" android:layout_alignBaseline="@+id/cal1" 
     android:layout_toLeftOf="@+id/pace1" /> 
</RelativeLayout>