表格布局间距问题

Question

我正在使用表格布局。我想要的是在屏幕左侧的垂直布局（表格布局）中同样分隔图标，以覆盖整个屏幕的高度。我尝试了不同的方法，比如layout_weight =“1”，将图像宽度设置为0dp，然后设置权重......但是其中没有一个有帮助......

这是xml ...

 <TableLayout
                android:id="@+id/tableLayout1"
                android:layout_width="match_parent"
                android:layout_height="match_parent"

                android:layout_marginTop="50dp" >

                 <TableRow
                   android:layout_weight="1"
                 >
                   <Button
                 android:id="@+id/button1"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"                                       
                 android:background="@drawable/XXX" />
                 </TableRow>

                 <TableRow
                    android:layout_weight="1"
                    >
                <TextView
                android:id="@+id/textView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Desserts" 
                 />
                    </TableRow>

                    <TableRow
                     android:layout_weight="1"
                  >
                   <Button
                android:id="@+id/button2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"

                android:background="@drawable/sraberrydrink" />
                   </TableRow>

                   <TableRow
                   android:layout_weight="1"
                    >
                    <TextView
              android:id="@+id/textView2"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"

              android:text="Drinks"
              android:textColor="#000000"            
              android:textSize="10dp" />
                    </TableRow>

                    <TableRow
                    android:layout_weight="1"
                    >

                   <Button
              android:id="@+id/button3"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"

              android:background="@drawable/newsoups" />
                     </TableRow>
                 <TableRow
                     android:layout_weight="1"
                     >
                   <TextView
              android:id="@+id/textView3"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_marginLeft="45dp"
              android:text="Starters"
              android:textColor="#000000"
              android:textSize="10dp" />

                     </TableRow>
                     <TableRow
                         android:layout_weight="1" >

             <Button
             android:id="@+id/button4"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_marginLeft="40dp"
             android:layout_marginTop="3dp"

             android:background="@drawable/chipa" />
                  </TableRow> 
                  <TableRow
                  android:layout_weight="1"
                  >
                <TextView
             android:id="@+id/textView4"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:text="Snacks" 
             android:layout_marginLeft="45dp"
             android:textColor="#000000"
             android:textSize="10dp"/> 
                </TableRow>


           </TableLayout>

如果有人可以指出解决方案......谢谢。

Answer 1

你可以做的是使用像这样的线性布局

!<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/layout_main"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal" >

    <LinearLayout
    android:id="@+id/layout_main"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" android:background="#2e8b57" android:layout_weight=".8" android:gravity="center">

    <LinearLayout 
    android:id="@+id/layout_main"
    android:layout_width="wrap_content"
    android:layout_height="fill_parent"
    android:orientation="vertical" android:layout_weight=".5">

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button" />
</LinearLayout>

         <LinearLayout 
    android:id="@+id/layout_main"
    android:layout_width="wrap_content"
    android:layout_height="fill_parent"
    android:orientation="vertical" android:layout_weight=".5">
    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button" />
</LinearLayout>

              <LinearLayout 
    android:id="@+id/layout_main"
    android:layout_width="wrap_content"
    android:layout_height="fill_parent"
    android:orientation="vertical" android:layout_weight=".5">
    <Button
        android:id="@+id/button3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button" />
</LinearLayout>

                   <LinearLayout 
    android:id="@+id/layout_main"
    android:layout_width="wrap_content"
    android:layout_height="fill_parent"
    android:orientation="vertical" android:layout_weight=".5">
    <Button
        android:id="@+id/button4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button" />

    </LinearLayout>
    </LinearLayout>

        <LinearLayout 
    android:id="@+id/layout_main"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    android:background="#8fbc8f" android:layout_weight=".2">
             <LinearLayout
    android:id="@+id/layout_main"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal"  android:layout_weight=".8" android:gravity="center">



    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button" />

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button" />

    <Button
        android:id="@+id/button3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button" />



    <Button
        android:id="@+id/button4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button" />


    </LinearLayout>

                 <LinearLayout
    android:id="@+id/layout_main"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal"  android:layout_weight=".8" android:gravity="top|center">



    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button" />

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button" />

    <Button
        android:id="@+id/button3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button" />

    <Button
        android:id="@+id/button4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button" />


    </LinearLayout>
            </LinearLayout>
</LinearLayout>