android - 向左浮动 TextView 和 TableLayout

Question

我想设计这样的东西:

[TableLayout 1 标题] TextView1

[表格布局 1]

[TableLayout 2 标题] TextView2

[表格布局 2]

就像在 CSS 中一样，我们只是使用:Float : left 并将宽度设置为 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>

这应该可行