表格布局视图

时间:2012-07-14 07:57:22

标签: android tablelayout

在我的应用程序中,我显示了一个表格布局。请参考此图片“http://www.freeimagehosting.net/5yhn3"。这是我的输出。在我想要的是我需要在值(14362)和该行之间有5个像素空间,我也需要在行和家庭之间(在第2列)相同。我尝试了类似textview(左边和右边距)但是如果做的话这意味着这条线也在脱臼。

我的表格布局代码是:

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/tablelayout"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:stretchColumns="*" >

    <TableRow android:id="@+id/tablerowhouse" >
        <TextView           
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Income" >
        </TextView>
        <TextView           
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"  
            android:layout_marginLeft="10dp"          
            android:text="Expense" >
        </TextView>
    </TableRow>
    <TableRow
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >

        <View
            android:id="@+id/line1"
            android:layout_width="wrap_content"
            android:layout_height="1dip"
            android:layout_weight="1"
            android:background="#FF909090"
            android:padding="2dip" />
    </TableRow>

    <TableRow android:id="@+id/tablerowhouse" >
        <TextView
            android:id="@+id/text40"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:text="Household:" >
        </TextView>

        <TextView
            android:id="@+id/houseinctot"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginRight="2dp"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:gravity="right"
            android:text="Household:"
             >
        </TextView>

        <View
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_marginLeft="2dp"
            android:layout_marginRight="2dp"
            android:background="#FF909090" />      


        <TextView
            android:id="@+id/text41"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_weight="1"

            android:text="Household:" >
        </TextView>

        <TextView
            android:id="@+id/houseexptot"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:gravity="right"
            android:text="Household:" >
        </TextView>
    </TableRow>

    <TableRow
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >

        <View
            android:id="@+id/line1"
            android:layout_width="wrap_content"
            android:layout_height="1dip"
            android:layout_weight="1"
            android:background="#FF909090"
            android:padding="2dip" />
    </TableRow>

    <TableRow>

        <TextView
            android:id="@+id/text42"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:text="Travel:" >
        </TextView>

        <TextView
            android:id="@+id/trlinctot"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginRight="2dp"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:gravity="right"
            android:text="Travel" >
        </TextView>

        <View
            android:layout_width="1dp"
            android:layout_height="fill_parent"
            android:layout_marginLeft="2dp"
            android:layout_marginRight="2dp"
            android:background="#FF909090" />

        <TextView
            android:id="@+id/text43"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:text="Travel:" >
        </TextView>

        <TextView
            android:id="@+id/trlexptot"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:gravity="right"
            android:text="Travel:" >
        </TextView>
    </TableRow>

    <TableRow
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >

        <View
            android:id="@+id/line1"
            android:layout_width="wrap_content"
            android:layout_height="1dip"
            android:layout_weight="1"
            android:background="#FF909090"
            android:padding="2dip" />
    </TableRow>

    <TableRow>

        <TextView
            android:id="@+id/text44"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:text="Education:" >
        </TextView>

        <TextView
            android:id="@+id/eduinctot"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginRight="2dp"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:gravity="right"
            android:text="Education" >
        </TextView>

        <View
            android:layout_width="1dp"
            android:layout_height="fill_parent"
            android:layout_marginLeft="2dp"
            android:layout_marginRight="2dp"
            android:background="#FF909090" />

        <TextView
            android:id="@+id/text45"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:text="Education:" >
        </TextView>

        <TextView
            android:id="@+id/eduexptot"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:gravity="right"
            android:text="Education:" >
        </TextView>
    </TableRow>

    <TableRow
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >

        <View
            android:id="@+id/line1"
            android:layout_width="wrap_content"
            android:layout_height="1dip"
            android:layout_weight="1"
            android:background="#FF909090"
            android:padding="2dip" />
    </TableRow>

    <TableRow>

        <TextView
            android:id="@+id/text46"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:text="Group4:" >
        </TextView>

        <TextView
            android:id="@+id/grp4inctot"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginRight="2dp"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:gravity="right"
            android:text="group4" >
        </TextView>

        <View
            android:layout_width="1dp"
            android:layout_height="fill_parent"
            android:layout_marginLeft="2dp"
            android:layout_marginRight="2dp"
            android:background="#FF909090" />

        <TextView
            android:id="@+id/text47"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:text="Group4:" >
        </TextView>

        <TextView
            android:id="@+id/grp4exptot"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:gravity="right"
            android:text="group4:" >
        </TextView>
    </TableRow>

    <TableRow
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >

        <View
            android:id="@+id/line1"
            android:layout_width="wrap_content"
            android:layout_height="1dip"
            android:layout_weight="1"
            android:background="#FF909090"
            android:padding="2dip" />
    </TableRow>

    <TableRow>

        <TextView
            android:id="@+id/text48"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:text="Group5:" >
        </TextView>

        <TextView
            android:id="@+id/grp5inctot"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginRight="2dp"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:gravity="right"
            android:text="group5" >
        </TextView>

        <View
            android:layout_width="1dp"
            android:layout_height="fill_parent"
            android:layout_marginLeft="2dp"
            android:layout_marginRight="2dp"
            android:background="#FF909090" />

        <TextView
            android:id="@+id/text49"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:text="Group5:" >
        </TextView>

        <TextView
            android:id="@+id/grp5exptot"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:gravity="right"
            android:text="group5:" >
        </TextView>
    </TableRow>

    <TableRow
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >
        <View
            android:id="@+id/line1"
            android:layout_width="wrap_content"
            android:layout_height="1dip"
            android:layout_weight="1"
            android:background="#FF909090"
            android:padding="2dip" />
    </TableRow>

          <TableRow  android:layout_marginTop="40px">              
              <TextView       
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="Total:" >
    </TextView>

    <TextView
        android:id="@+id/totincome"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="right"
        android:layout_marginRight="10dp"
        android:text="total" >
    </TextView>  

    <TextView       
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="Total:" 
       >
    </TextView>

    <TextView
        android:id="@+id/totexpense"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="right"
        android:text="total:" >
    </TextView>    
 </TableRow>

               <TableRow  android:layout_marginTop="40px">
 <TextView android:layout_width="0dp" android:layout_height="wrap_content" android:text="Balance:"  android:layout_weight="1" android:layout_marginLeft="130dp"  >
     </TextView>     
      <TextView
           android:id="@+id/balance"
           android:layout_width="0dp" android:layout_height="wrap_content" android:text="balance"  android:layout_weight="1"
        android:gravity="right"  >
     </TextView>  
 </TableRow>


</TableLayout>

请帮帮我..

我的输出应该是这样的

Household:   14326 | Household:  677

但我有什么:

Household:  14326|Household:  677

1 个答案:

答案 0 :(得分:0)

设置gravity = center,请参阅:

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/tablelayout"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:stretchColumns="*" >

    <TableRow android:id="@+id/tablerowhouse" >
        <TextView           
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Income" >
        </TextView>
        <TextView           
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"  
            android:layout_marginLeft="10dp"          
            android:text="Expense" >
        </TextView>
    </TableRow>
    <TableRow
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >

        <View
            android:id="@+id/line1"
            android:layout_width="wrap_content"
            android:layout_height="1dip"
            android:layout_weight="1"
            android:background="#FF909090"
            android:padding="2dip" />
    </TableRow>

    <TableRow android:id="@+id/tablerowhouse" >
        <TextView
            android:id="@+id/text40"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:gravity="center"    //  <--------  Edit  This
            android:text="Household:" >
        </TextView>

        <TextView
            android:id="@+id/houseinctot"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginRight="2dp"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:gravity="center"    //  <--------  Edit  This
            android:text="Household:"
             >
        </TextView>

        <View
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_marginLeft="2dp"
            android:layout_marginRight="2dp"
            android:background="#FF909090" />      


        <TextView
            android:id="@+id/text41"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
        android:gravity="center"    //  <--------  Edit  This
            android:text="Household:" >
        </TextView>

        <TextView
            android:id="@+id/houseexptot"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:gravity="center"    //  <--------  Edit  This
            android:text="Household:" >
        </TextView>
    </TableRow>

    <TableRow
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >

        <View
            android:id="@+id/line1"
            android:layout_width="wrap_content"
            android:layout_height="1dip"
            android:layout_weight="1"
            android:background="#FF909090"
            android:padding="2dip" />
    </TableRow>

    <TableRow>

        <TextView
            android:id="@+id/text42"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:text="Travel:" >
        </TextView>

        <TextView
            android:id="@+id/trlinctot"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginRight="2dp"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:gravity="right"
            android:text="Travel" >
        </TextView>

        <View
            android:layout_width="1dp"
            android:layout_height="fill_parent"
            android:layout_marginLeft="2dp"
            android:layout_marginRight="2dp"
            android:background="#FF909090" />

        <TextView
            android:id="@+id/text43"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:text="Travel:" >
        </TextView>

        <TextView
            android:id="@+id/trlexptot"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:gravity="right"
            android:text="Travel:" >
        </TextView>
    </TableRow>

    <TableRow
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >

        <View
            android:id="@+id/line1"
            android:layout_width="wrap_content"
            android:layout_height="1dip"
            android:layout_weight="1"
            android:background="#FF909090"
            android:padding="2dip" />
    </TableRow>

    <TableRow>

        <TextView
            android:id="@+id/text44"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:text="Education:" >
        </TextView>

        <TextView
            android:id="@+id/eduinctot"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginRight="2dp"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:gravity="right"
            android:text="Education" >
        </TextView>

        <View
            android:layout_width="1dp"
            android:layout_height="fill_parent"
            android:layout_marginLeft="2dp"
            android:layout_marginRight="2dp"
            android:background="#FF909090" />

        <TextView
            android:id="@+id/text45"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:text="Education:" >
        </TextView>

        <TextView
            android:id="@+id/eduexptot"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:gravity="right"
            android:text="Education:" >
        </TextView>
    </TableRow>

    <TableRow
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >

        <View
            android:id="@+id/line1"
            android:layout_width="wrap_content"
            android:layout_height="1dip"
            android:layout_weight="1"
            android:background="#FF909090"
            android:padding="2dip" />
    </TableRow>

    <TableRow>

        <TextView
            android:id="@+id/text46"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:text="Group4:" >
        </TextView>

        <TextView
            android:id="@+id/grp4inctot"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginRight="2dp"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:gravity="right"
            android:text="group4" >
        </TextView>

        <View
            android:layout_width="1dp"
            android:layout_height="fill_parent"
            android:layout_marginLeft="2dp"
            android:layout_marginRight="2dp"
            android:background="#FF909090" />

        <TextView
            android:id="@+id/text47"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:text="Group4:" >
        </TextView>

        <TextView
            android:id="@+id/grp4exptot"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:gravity="right"
            android:text="group4:" >
        </TextView>
    </TableRow>

    <TableRow
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >

        <View
            android:id="@+id/line1"
            android:layout_width="wrap_content"
            android:layout_height="1dip"
            android:layout_weight="1"
            android:background="#FF909090"
            android:padding="2dip" />
    </TableRow>

    <TableRow>

        <TextView
            android:id="@+id/text48"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:text="Group5:" >
        </TextView>

        <TextView
            android:id="@+id/grp5inctot"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginRight="2dp"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:gravity="right"
            android:text="group5" >
        </TextView>

        <View
            android:layout_width="1dp"
            android:layout_height="fill_parent"
            android:layout_marginLeft="2dp"
            android:layout_marginRight="2dp"
            android:background="#FF909090" />

        <TextView
            android:id="@+id/text49"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:text="Group5:" >
        </TextView>

        <TextView
            android:id="@+id/grp5exptot"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_weight="1"
            android:gravity="right"
            android:text="group5:" >
        </TextView>
    </TableRow>

    <TableRow
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >
        <View
            android:id="@+id/line1"
            android:layout_width="wrap_content"
            android:layout_height="1dip"
            android:layout_weight="1"
            android:background="#FF909090"
            android:padding="2dip" />
    </TableRow>

          <TableRow  android:layout_marginTop="40px">              
              <TextView       
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="Total:" >
    </TextView>

    <TextView
        android:id="@+id/totincome"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="right"
        android:layout_marginRight="10dp"
        android:text="total" >
    </TextView>  

    <TextView       
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="Total:" 
       >
    </TextView>

    <TextView
        android:id="@+id/totexpense"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="right"
        android:text="total:" >
    </TextView>    
 </TableRow>
               <TableRow  android:layout_marginTop="40px">
 <TextView android:layout_width="0dp" android:layout_height="wrap_content" android:text="Balance:"  android:layout_weight="1" android:layout_marginLeft="130dp"  >
     </TextView>     
      <TextView
           android:id="@+id/balance"
           android:layout_width="0dp" android:layout_height="wrap_content" android:text="balance"  android:layout_weight="1"
        android:gravity="right"  >
     </TextView>  
 </TableRow>
</TableLayout>