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>