2013-04-20 46 views
0
<?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="wrap_content" 
    android:orientation="vertical" 
    android:padding="5dip" > 

    <LinearLayout 
     android:id="@+id/linearLayout1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_marginRight="5dip" 
     android:padding="1dip" > 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="20dp" 
      android:text="Total Pregnancies" 
      android:textColor="#000000" /> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="30dp" 
      android:text="10" 
      android:textColor="#000000" /> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="160dp" 
      android:text="Full Term" 
      android:textColor="#000000" /> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="75dp" 
      android:text="11" 
      android:textColor="#000000" /> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="190dp" 
      android:text="Premature" 
      android:textColor="#000000" /> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="30dp" 
      android:text="12" 
      android:textColor="#000000" /> 

    </LinearLayout> 

    <LinearLayout 
     android:id="@+id/linearLayout2" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignLeft="@+id/linearLayout1" 
     android:layout_below="@+id/linearLayout1" 
     android:layout_marginTop="35dp" 
     android:padding="1dip" > 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="20dp" 
      android:text="Multiples" 
      android:textColor="#000000" /> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="85dp" 
      android:text="16" 
      android:textColor="#000000" /> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="160dp" 
      android:text="Living" 
      android:textColor="#000000" /> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="95dp" 
      android:text="17" 
      android:textColor="#000000" /> 
    </LinearLayout> 

    <LinearLayout 
     android:id="@+id/linearLayout3" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignLeft="@+id/linearLayout1" 
     android:layout_centerVertical="true" 
     android:padding="1dip" > 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="20dp" 
      android:text="Ab Included" 
      android:textColor="#000000" /> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="70dp" 
      android:text="13" 
      android:textColor="#000000" /> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="160dp" 
      android:text="Ab Spontaneous" 
      android:textColor="#000000" /> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="30dp" 
      android:text="14" 
      android:textColor="#000000" /> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="190dp" 
      android:text="Ectopics" 
      android:textColor="#000000" /> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="35dp" 
      android:text="15" 
      android:textColor="#000000" /> 
    </LinearLayout> 

</RelativeLayout> 

這是怎麼樣的屏幕看起來,任何人都可以告訴我如何實現這種佈局。我已經提出了佈局,但它似乎不適合所有屏幕。達到相同的結果沒有paddingLeft屬性

回答

1

充分利用LinearLayout寬度fill_parent使用屏幕的整個寬度。 然後對於每個TextView,將layout_width設置爲0dp,並將layout_weight設置爲您希望該視圖具有的屏幕比例。

在填充中,指定不同單元格之間所需的最小量。

例如,如果你想要的文字佔據數兩倍的空間,使用下面的代碼:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:orientation="vertical" 
    android:padding="5dip" > 

    <LinearLayout 
     android:id="@+id/linearLayout1" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_marginRight="5dip" 
     android:padding="1dip" > 

     <TextView 
      android:layout_width="0dp" 
      android:layout_weight="2" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:text="Total Pregnancies" 
      android:textColor="#000000" /> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_weight="1" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:text="10" 
      android:textColor="#000000" /> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_weight="2" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:text="Full Term" 
      android:textColor="#000000" /> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_weight="1" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:text="11" 
      android:textColor="#000000" /> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_weight="2" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:text="Premature" 
      android:textColor="#000000" /> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_weight="1" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:text="12" 
      android:textColor="#000000" /> 

    </LinearLayout> 
</RelativeLayout> 
+0

@Excellent來調整屏幕寬度的寬度。非常感謝 – Kevin 2013-04-20 09:04:23

+0

可以幫助我在這個線程中:http://stackoverflow.com/questions/ 16132404 /相對佈局文本場未得到-正確對齊 – Kevin 2013-04-21 17:27:47

1

使用TableLayout 這裏是an example

+1

+1,即使['GridLayout'(http://developer.android。 com/reference/android/widget/GridLayout.html)。 – 2013-04-20 07:57:56

+0

如何在它們之間添加空格... – Kevin 2013-04-20 08:00:53

+0

您可以使用layout_marginLeft添加固定的空間空間。你可以通過使用layout_width =「0dp」和layout_weight =「1」 – yoah 2013-04-20 08:03:54

相關問題