Поплавок оставил TextView и TableLayout

Question

Я хочу разработать что-то вроде этого:

[TableLayout 1 Title] TextView1

[TableLayout 1]

[TableLayout 2 Title] TextView2

[TableLayout 2]

Как и в CSS мы просто используем: Float: слева с настройкой 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

TableLayout2наверхTableLayout1

У вас есть какие-либо идеи по этому вопросу?

спасибо.

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> 

Это должно работать