Android：ScrollView中有两个LinearLayout重叠

Question

我有Android布局问题。 我有（1）ScrollView（2）一个TableLayout（3）一个页脚LinearLayout。 目前，如果TableRow太多，表格将与页脚布局重叠。 以下是我的xml布局。

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">

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

    <LinearLayout
        android:id="@+id/account_section"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Head Text" />

        <TableLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <TableRow
                android:layout_width="wrap_content"
                android:layout_height="100dp"
                android:background="#CCCCCC">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="100dp"
                    android:text="1" />
            </TableRow>

            <TableRow
                android:layout_width="wrap_content"
                android:layout_height="100dp"
                android:background="#CCCCCC">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="100dp"
                    android:text="2" />
            </TableRow>

            <TableRow
                android:layout_width="wrap_content"
                android:layout_height="100dp"
                android:background="#CCCCCC">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="100dp"
                    android:text="3" />
            </TableRow>

        </TableLayout>
    </LinearLayout>

    <LinearLayout
        android:id="@+id/footer_section"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:orientation="vertical">

        <ImageView
            android:id="@+id/footer_image"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:src="@drawable/footer_image" />

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="@dimen/footer_height"
            android:background="#333333">

            <TextView
                android:id="@+id/usage"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:text="Test" />

            <TextView
                android:id="@+id/dashboard_copy_right"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:text="@string/copy_right" />

        </RelativeLayout>
    </LinearLayout>

</RelativeLayout>
</ScrollView>

如果TableRow太多，“表格”将与“页脚”重叠。 如何解决这个布局问题？

提前致谢。 埃里克

添加屏幕截图

Answer 1

使用此布局并查看其是否有效

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="fill_parent" >

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@+id/footer_section" >

        <LinearLayout
            android:id="@+id/account_section"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical" >

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Head Text" />

            <TableLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent" >

                <TableRow
                    android:layout_width="wrap_content"
                    android:layout_height="100dp"
                    android:background="#CCCCCC" >

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="100dp"
                        android:text="1" />
                </TableRow>

                <TableRow
                    android:layout_width="wrap_content"
                    android:layout_height="100dp"
                    android:background="#CCCCCC" >

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="100dp"
                        android:text="1" />
                </TableRow>

                <TableRow
                    android:layout_width="wrap_content"
                    android:layout_height="100dp"
                    android:background="#CCCCCC" >

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="100dp"
                        android:text="1" />
                </TableRow>

                <TableRow
                    android:layout_width="wrap_content"
                    android:layout_height="100dp"
                    android:background="#CCCCCC" >

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="100dp"
                        android:text="1" />
                </TableRow>

                <TableRow
                    android:layout_width="wrap_content"
                    android:layout_height="100dp"
                    android:background="#CCCCCC" >

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="100dp"
                        android:text="1" />
                </TableRow>

                <TableRow
                    android:layout_width="wrap_content"
                    android:layout_height="100dp"
                    android:background="#CCCCCC" >

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="100dp"
                        android:text="1" />
                </TableRow>

                <TableRow
                    android:layout_width="wrap_content"
                    android:layout_height="100dp"
                    android:background="#CCCCCC" >

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="100dp"
                        android:text="1" />
                </TableRow>

                <TableRow
                    android:layout_width="wrap_content"
                    android:layout_height="100dp"
                    android:background="#CCCCCC" >

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="100dp"
                        android:text="2" />
                </TableRow>

                <TableRow
                    android:layout_width="wrap_content"
                    android:layout_height="100dp"
                    android:background="#CCCCCC" >

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="100dp"
                        android:text="3" />
                </TableRow>
            </TableLayout>
        </LinearLayout>
    </ScrollView>

    <LinearLayout
        android:id="@+id/footer_section"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:orientation="vertical" >

        <ImageView
            android:id="@+id/footer_image"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_launcher" />

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="100dp"
            android:background="#333333" >

            <TextView
                android:id="@+id/usage"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:text="Test" />

            <TextView
                android:id="@+id/dashboard_copy_right"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:text="copy_right" />
        </RelativeLayout>
    </LinearLayout>

</RelativeLayout>