左浮動的TextView和TableLayout

Question

我想設計是這樣的：

[TableLayout 1 Title] TextView1

[TableLayout 1]

[TableLayout 2 Title] TextView2

[TableLayout 2]

就像在CSS，我們只需使用：浮子：用設置t離開他在100％的寬度，一切都很好。

，所以這是我的佈局XML代碼：

<RelativeLayout 
    android:layout_width="match_parent" 
    android:background="#e9e9e9" 
    android:layout_height="match_parent" > 


    <TextView 
     android:id="@+id/TextView1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:text="Visitors per Category" 
     android:textAppearance="?android:attr/textAppearanceMedium" 
     android:textColor="#324A61" 
     android:layout_marginLeft="7dp" 
     android:layout_marginTop="25dp" 
     android:textStyle="bold" /> 

    <TableLayout 
     android:id="@+id/TableLayout1" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_marginTop="50dp" 
     android:layout_marginBottom="10dp" 
     android:layout_marginLeft="7dp" 
     android:layout_marginRight="7dp" 
     android:stretchColumns="2" 
     android:background="@drawable/shape" > 

     <TableRow 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:padding="15dp" > 

      // Some EditText etc... 

     </TableRow> 

     // Separator border 
     <View 
      android:id="@+id/firstDivider" 
      android:layout_height="2dp" 
      android:layout_width="fill_parent" 
      android:background="#666" /> 

     <TableRow 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:padding="15dp" > 

      // Some textviews etc... 

     </TableRow> 
    </TableLayout> 

    <TextView 
     android:id="@+id/EditText2" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_marginBottom="60dp" 
     android:text="Scans per Gate" 
     android:textAppearance="?android:attr/textAppearanceMedium" 
     android:textColor="#324A61" 
     android:textStyle="bold" /> 

    <TableLayout 
     android:id="@+id/TableLayout2" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_marginTop="205dp" 
     android:layout_marginBottom="10dp" 
     android:layout_marginLeft="7dp" 
     android:layout_marginRight="7dp" 
     android:stretchColumns="2" 
     android:background="@drawable/shape" > 

     <TableRow 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:padding="15dp" > 

      // some textviews etc... 

     </TableRow> 

     <View 
      android:id="@+id/firstDivider" 
      android:layout_width="fill_parent" 
      android:layout_height="2dp" 
      android:background="#666" /> 

     <TableRow 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:padding="15dp" > 

      // Some textViews 
     </TableRow> 
    </TableLayout> 

</RelativeLayout> 

一切看起來正常，我的代碼，但圖形我有類似：

TextView2

TextView1

TableLayout2TableLayout1

你對此有什麼想法嗎？

謝謝。

Answer 1

嘗試使用線性佈局，垂直方向

<LinearLayout 
    android:layout_width="match_parent" 
    android:background="#e9e9e9" 
    android:layout_height="match_parent" 
    android:orientation="vertical" > 


    <TextView 
     android:id="@+id/TextView1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:text="Visitors per Category" 
     android:textAppearance="?android:attr/textAppearanceMedium" 
     android:textColor="#324A61" 
     android:layout_marginLeft="7dp" 
     android:layout_marginTop="25dp" 
     android:textStyle="bold" /> 

    <TableLayout 
     android:id="@+id/TableLayout1" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_gravity="left" 
     android:layout_marginTop="50dp" 
     android:layout_marginBottom="10dp" 
     android:layout_marginLeft="7dp" 
     android:layout_marginRight="7dp" 
     android:stretchColumns="2" 
     android:background="@drawable/shape" > 

     <TableRow 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:padding="15dp" > 

      // Some EditText etc... 

     </TableRow> 

     // Separator border 
     <View 
      android:id="@+id/firstDivider" 
      android:layout_height="2dp" 
      android:layout_width="fill_parent" 
      android:background="#666" /> 

     <TableRow 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:padding="15dp" > 

      // Some textviews etc... 

     </TableRow> 
    </TableLayout> 

    <TextView 
     android:id="@+id/EditText2" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="left" 
     android:layout_marginBottom="60dp" 
     android:text="Scans per Gate" 
     android:textAppearance="?android:attr/textAppearanceMedium" 
     android:textColor="#324A61" 
     android:textStyle="bold" /> 

    <TableLayout 
     android:id="@+id/TableLayout2" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_gravity="left" 

     android:layout_marginBottom="10dp" 
     android:layout_marginLeft="7dp" 
     android:layout_marginRight="7dp" 
     android:stretchColumns="2" 
     android:background="@drawable/shape" > 

     <TableRow 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:padding="15dp" > 



     </TableRow> 

     <View 
      android:id="@+id/firstDivider" 
      android:layout_width="fill_parent" 
      android:layout_height="2dp" 
      android:background="#666" /> 

     <TableRow 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:padding="15dp" > 


     </TableRow> 
    </TableLayout> 

</LinearLayout> 

這應該工作