LinearLayout中的多个TableLayout - Android

Question

我正在尝试在TableLayout内放置多个LinearLayout。当我实现代码并运行它时，显示是我的背景图像，没有显示任何内容。不确定发生了什么。

在我尝试这样做之前，我已经正确地显示了所有内容，但是文字非常多，所以必须非常小才能使所有内容都适合。为了解决这个问题，我想做3 TableLayout s，中间的一个是ScrollView（我会担心在解决问题后实现ScrollView）。

我的问题是如何让所有3 TableLayout可见，每个 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/tableLayout" android:layout_width="fill_parent" android:layout_height="fill_parent" android:stretchColumns="1" android:shrinkColumns="0" android:orientation="vertical" android:paddingLeft="16dp" android:paddingRight="16dp" android:paddingTop="70dp" android:paddingBottom="70dp" android:background="@drawable/scroll" > <TableLayout android:layout_width="wrap_content" android:layout_height="0dip" android:layout_weight="15" > <TableRow android:id="@+id/header" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight="1" > <TextView android:id="@+id/category" android:layout_height="wrap_content" android:layout_width="0px" android:layout_weight="1" android:textStyle="bold" android:textSize="15sp" android:paddingTop="10dp" android:gravity="center_horizontal" /> <TableLayout android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight="1" > <TableRow android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight="1" > <TextView android:id="@+id/points" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".25" android:textSize="7sp" android:gravity="left" android:textStyle="bold" /> </TableRow> <TableRow android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight="1" > <TextView android:id="@+id/percentage" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".3" android:textSize="7sp" android:gravity="left" android:textStyle="bold" /> </TableRow> <TableRow android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight="1" > <TextView android:id="@+id/total_score" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".45" android:textSize="7sp" android:gravity="left" android:textStyle="bold" /> </TableRow> </TableLayout> </TableRow> <View android:layout_width="fill_parent" android:layout_height="1dp" android:background="#000001" /> <TableRow android:id="@+id/row3" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight="1" > <TextView android:id="@+id/imageColumn" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight="0" /> <TextView android:id="@+id/questionColumn" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".45" android:textSize="10sp" android:textStyle="bold|italic" android:gravity="center_vertical" /> <TextView android:id="@+id/answerColumn" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".3" android:textSize="10sp" android:textStyle="bold|italic" android:gravity="center_vertical" /> <TextView android:id="@+id/verseColumn" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".25" android:textSize="10sp" android:textStyle="bold|italic" android:gravity="center_vertical" /> </TableRow> </TableLayout> <ScrollView android:layout_width="wrap_content" android:layout_height="0dip" android:layout_weight="70" > <TableLayout android:layout_width="wrap_content" android:layout_height="wrap_content" > <TableRow android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight="1" > <ImageView android:id="@+id/q1Image" android:layout_width="10dp" android:layout_height="10dp" android:layout_gravity="center_vertical" /> <TextView android:id="@+id/q1Question" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".45" android:textSize="7sp" android:paddingLeft="2dp" android:paddingRight="2dp" android:layout_gravity="center_vertical" /> <TextView android:id="@+id/q1Answer" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".3" android:textSize="7sp" android:layout_gravity="center_vertical" /> <TextView android:id="@+id/q1Verse" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".25" android:textSize="7sp" android:layout_gravity="center_vertical" /> </TableRow> <View android:layout_width="fill_parent" android:layout_height="1dp" android:background="#C2BEBF" /> <TableRow android:id="@+id/row5" android:layout_width="0dip" android:layout_height="wrap_content" android:stretchColumns="0,1,2,3" android:layout_weight="1" > <ImageView android:id="@+id/q2Image" android:layout_width="10dp" android:layout_height="10dp" android:layout_gravity="center_vertical" /> <TextView android:id="@+id/q2Question" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".45" android:textSize="7sp" android:paddingLeft="2dp" android:paddingRight="2dp" android:layout_gravity="center_vertical" /> <TextView android:id="@+id/q2Answer" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".3" android:textSize="7sp" android:layout_gravity="center_vertical" /> <TextView android:id="@+id/q2Verse" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".25" android:textSize="7sp" android:layout_gravity="center_vertical" /> </TableRow> <View android:layout_width="fill_parent" android:layout_height="1dp" android:background="#C2BEBF" /> <TableRow android:id="@+id/row6" android:layout_width="0dip" android:layout_height="wrap_content" android:stretchColumns="0,1,2,3" android:layout_weight="1" > <ImageView android:id="@+id/q3Image" android:layout_width="10dp" android:layout_height="10dp" android:layout_gravity="center_vertical" /> <TextView android:id="@+id/q3Question" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".45" android:textSize="7sp" android:paddingLeft="2dp" android:paddingRight="2dp" android:layout_gravity="center_vertical" /> <TextView android:id="@+id/q3Answer" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".3" android:textSize="7sp" android:layout_gravity="center_vertical" /> <TextView android:id="@+id/q3Verse" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".25" android:textSize="7sp" android:layout_gravity="center_vertical" /> </TableRow> <View android:layout_width="fill_parent" android:layout_height="1dp" android:background="#C2BEBF" /> <TableRow android:id="@+id/row7" android:layout_width="0dip" android:layout_height="wrap_content" android:stretchColumns="0,1,2,3" android:layout_weight="1" > <ImageView android:id="@+id/q4Image" android:layout_width="10dp" android:layout_height="10dp" android:layout_gravity="center_vertical" /> <TextView android:id="@+id/q4Question" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".45" android:textSize="7sp" android:paddingLeft="2dp" android:paddingRight="2dp" android:layout_gravity="center_vertical" /> <TextView android:id="@+id/q4Answer" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".3" android:textSize="7sp" android:layout_gravity="center_vertical" /> <TextView android:id="@+id/q4Verse" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".25" android:textSize="7sp" android:layout_gravity="center_vertical" /> </TableRow> <View android:layout_width="fill_parent" android:layout_height="1dp" android:background="#C2BEBF" /> <TableRow android:id="@+id/row8" android:layout_width="0dip" android:layout_height="wrap_content" android:stretchColumns="0,1,2,3" android:layout_weight="1" > <ImageView android:id="@+id/q5Image" android:layout_width="10dp" android:layout_height="10dp" android:layout_gravity="center_vertical" /> <TextView android:id="@+id/q5Question" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".45" android:textSize="7sp" android:paddingLeft="2dp" android:paddingRight="2dp" android:layout_gravity="center_vertical" /> <TextView android:id="@+id/q5Answer" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".3" android:textSize="7sp" android:layout_gravity="center_vertical" /> <TextView android:id="@+id/q5Verse" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".25" android:textSize="7sp" android:layout_gravity="center_vertical" /> </TableRow> <View android:layout_width="fill_parent" android:layout_height="1dp" android:background="#C2BEBF" /> <TableRow android:id="@+id/row9" android:layout_width="0dip" android:layout_height="wrap_content" android:stretchColumns="0,1,2,3" android:layout_weight="1" > <ImageView android:id="@+id/q6Image" android:layout_width="10dp" android:layout_height="10dp" android:layout_gravity="center_vertical" /> <TextView android:id="@+id/q6Question" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".45" android:textSize="7sp" android:paddingLeft="2dp" android:paddingRight="2dp" android:layout_gravity="center_vertical" /> <TextView android:id="@+id/q6Answer" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".3" android:textSize="7sp" android:layout_gravity="center_vertical" /> <TextView android:id="@+id/q6Verse" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".25" android:textSize="7sp" android:layout_gravity="center_vertical" /> </TableRow> <View android:layout_width="fill_parent" android:layout_height="1dp" android:background="#C2BEBF" /> <TableRow android:id="@+id/row10" android:layout_width="0dip" android:layout_height="wrap_content" android:stretchColumns="0,1,2,3" android:layout_weight="1" > <ImageView android:id="@+id/q7Image" android:layout_width="10dp" android:layout_height="10dp" android:layout_gravity="center_vertical" /> <TextView android:id="@+id/q7Question" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".45" android:textSize="7sp" android:paddingLeft="2dp" android:paddingRight="2dp" android:layout_gravity="center_vertical" /> <TextView android:id="@+id/q7Answer" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".3" android:textSize="7sp" android:layout_gravity="center_vertical" /> <TextView android:id="@+id/q7Verse" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".25" android:textSize="7sp" android:layout_gravity="center_vertical" /> </TableRow> <View android:layout_width="fill_parent" android:layout_height="1dp" android:background="#C2BEBF" /> <TableRow android:id="@+id/row11" android:layout_width="0dip" android:layout_height="wrap_content" android:stretchColumns="0,1,2,3" android:layout_weight="1" > <ImageView android:id="@+id/q8Image" android:layout_width="10dp" android:layout_height="10dp" android:layout_gravity="center_vertical" /> <TextView android:id="@+id/q8Question" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".45" android:textSize="7sp" android:paddingLeft="2dp" android:paddingRight="2dp" android:layout_gravity="center_vertical" /> <TextView android:id="@+id/q8Answer" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".3" android:textSize="7sp" android:layout_gravity="center_vertical" /> <TextView android:id="@+id/q8Verse" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".25" android:textSize="7sp" android:layout_gravity="center_vertical" /> </TableRow> <View android:layout_width="fill_parent" android:layout_height="1dp" android:background="#C2BEBF" /> <TableRow android:id="@+id/row12" android:layout_width="0dip" android:layout_height="wrap_content" android:stretchColumns="0,1,2,3" android:layout_weight="1" > <ImageView android:id="@+id/q9Image" android:layout_width="10dp" android:layout_height="10dp" android:layout_gravity="center_vertical" /> <TextView android:id="@+id/q9Question" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".45" android:textSize="7sp" android:paddingLeft="2dp" android:paddingRight="2dp" android:layout_gravity="center_vertical" /> <TextView android:id="@+id/q9Answer" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".3" android:textSize="7sp" android:layout_gravity="center_vertical" /> <TextView android:id="@+id/q9Verse" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".25" android:textSize="7sp" android:layout_gravity="center_vertical" /> </TableRow> <View android:layout_width="fill_parent" android:layout_height="1dp" android:background="#C2BEBF" /> <TableRow android:id="@+id/row13" android:layout_width="0dip" android:layout_height="wrap_content" android:stretchColumns="0,1,2,3" android:layout_weight="1" > <ImageView android:id="@+id/q10Image" android:layout_width="10dp" android:layout_height="10dp" android:layout_gravity="center_vertical" /> <TextView android:id="@+id/q10Question" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".45" android:textSize="7sp" android:paddingLeft="2dp" android:paddingRight="2dp" android:layout_gravity="center_vertical" /> <TextView android:id="@+id/q10Answer" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".3" android:textSize="7sp" android:layout_gravity="center_vertical" /> <TextView android:id="@+id/q10Verse" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".25" android:textSize="7sp" android:layout_gravity="center_vertical" /> </TableRow> </TableLayout> </ScrollView> <TableLayout android:layout_width="wrap_content" android:layout_height="0dip" android:layout_weight="15" > <TableRow android:id="@+id/row14" android:layout_width="0dip" android:layout_height="wrap_content" android:stretchColumns="0,1" android:layout_weight="1" > <Button android:id="@+id/mainmenuBtn" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".33" android:textSize="7sp" /> <Button android:id="@+id/highscoresBtn" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".33" android:textSize="7sp" /> <Button android:id="@+id/playBtn" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight=".34" android:textSize="7sp" /> </TableRow> </TableLayout> </LinearLayout> 都是屏幕的特定百分比。

以下是此XML文件的100％代码。

{{1}}

Answer 1

您希望桌子并排放置，还是放在彼此的顶部？您现在将LinearLayout的方向设置为“垂直”，但每个表的宽度为“0dip”。我想你想要它们并排，这意味着LinearLayout的方向应该是“水平”，并保持你的表格宽度为“0dip”。如果你确实希望它们在彼此之上，则将每个表的宽度更改为“wrap_content”或“match_parent”，将高度更改为“0dip”。

垂直示例

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <TableLayout
        android:layout_width="match_parent"
        android:layout_height="0dip"
        android:layout_weight="15" >
    </TableLayout>

    <TableLayout
        android:layout_width="match_parent"
        android:layout_height="0dip"
        android:layout_weight="70" >
    </TableLayout>

    <TableLayout
        android:layout_width="match_parent"
        android:layout_height="0dip"
        android:layout_weight="15" >
    </TableLayout>

</LinearLayout>

横向示例

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal" >

    <TableLayout
        android:layout_width="0dip"
        android:layout_height="wrap_content"
        android:layout_weight="1" >
    </TableLayout>

    <TableLayout
        android:layout_width="0dip"
        android:layout_height="wrap_content"
        android:layout_weight="1" >
    </TableLayout>

    <TableLayout
        android:layout_width="0dip"
        android:layout_height="wrap_content"
        android:layout_weight="1" >
    </TableLayout>

</LinearLayout>

底部表编辑

   <TableLayout
        android:layout_width="match_parent"
        android:layout_height="0dip"
        android:layout_weight="15" >

        <TableRow
            android:id="@+id/row14"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:stretchColumns="0,1" >

            <Button 
                android:id="@+id/mainmenuBtn"
                android:layout_width="0dip"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:textSize="7sp" />

            <Button 
                android:id="@+id/highscoresBtn"
                android:layout_width="0dip"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:textSize="7sp" />
            <Button 
                android:id="@+id/playBtn"
                android:layout_width="0dip"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:textSize="7sp" />
        </TableRow>
    </TableLayout>