Question

在我的应用程序中，我正在显示一个表格布局，我在其中对齐了4个文本视图。

我的表布局是:(我不知道这有多好的设计）

<TableLayout 
    android:id="@+id/tablelayout"
    android:layout_height="wrap_content"
    android:layout_width="fill_parent"
    android:paddingRight="2dip"
    android:stretchColumns="4">
    <TableRow >
        <TextView 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:text="Income" />
        <TextView
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:text="Expense" 
            android:layout_marginLeft="-150dp" />
    </TableRow>    
    <TableRow
        android:layout_width="wrap_content"
        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"   
        android:layout_marginTop="30px">
        <TextView  
            android:id="@+id/text40" 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:text="Household:" />            
        <TextView             
            android:id="@+id/houseinctot" 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:text="Household:" 
            android:layout_marginLeft="-250dp" />   
        <TextView 
            android:id="@+id/text41" 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:text="Household:" 
            android:layout_marginLeft="-150dp" />          
        <TextView
            android:id="@+id/houseexptot" 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:text="Household:" 
            android:layout_marginLeft="-70dp" 
            android:gravity="right"/>
    </TableRow>

    <TableRow
        android:layout_width="wrap_content"
        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="30px">
        <TextView
            android:id="@+id/text42" 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:text="Travel:" 
            android:layout_span="3" />    
        <TextView
            android:id="@+id/trlinctot"
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:text="Travel" 
            android:layout_marginLeft="-250dp" 
            android:layout_alignParentRight="true" /> 
        <TextView  android:id="@+id/text43" 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:text="Travel:" 
            android:layout_marginLeft="-150dp" />           
        <TextView             
            android:id="@+id/trlexptot" 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:text="Travel:" 
            android:layout_marginLeft="-70dp"  
            android:gravity="right" />    
    </TableRow>
    <TableRow
        android:layout_width="wrap_content"
        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="30px">
 <TextView  android:id="@+id/text44" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Education:" android:layout_span="4">
     </TextView>     
      <TextView
           android:id="@+id/eduinctot"
           android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Education" android:layout_marginLeft="-250dp" android:layout_alignParentRight="true">
     </TextView>  

           <TextView  android:id="@+id/text45" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Education:" android:layout_marginLeft="-150dp" >
     </TextView>            
        <TextView             
            android:id="@+id/eduexptot" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Education:" android:layout_marginLeft="-70dp"  android:gravity="right"
            >
     </TextView>    
 </TableRow>

         <TableRow
            android:layout_width="wrap_content"
            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="30px">
 <TextView  android:id="@+id/text46" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Group4:" android:layout_span="4">
     </TextView>     
      <TextView
           android:id="@+id/grp4inctot"
           android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="group4" android:layout_marginLeft="-250dp">
     </TextView>  

           <TextView  android:id="@+id/text47" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Group4:" android:layout_marginLeft="-150dp" >
     </TextView>            
        <TextView             
            android:id="@+id/grp4exptot" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="group4:" android:layout_marginLeft="-70dp"  android:gravity="right"
            >
     </TextView>    
 </TableRow> 

            <TableRow
            android:layout_width="wrap_content"
            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="30px">
 <TextView  android:id="@+id/text48" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Group5:" android:layout_span="4">
     </TextView>     
      <TextView
           android:id="@+id/grp5inctot"
           android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="group5" android:layout_marginLeft="-250dp">
     </TextView>  

           <TextView  android:id="@+id/text49" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Group5:" android:layout_marginLeft="-150dp" >
     </TextView>            
        <TextView             
            android:id="@+id/grp5exptot" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="group5:" android:layout_marginLeft="-70dp"  android:gravity="right"
            >
     </TextView>    
 </TableRow>

现在我想要的是：

textview1:value(textview2)     textview3:value(textview4)
textview5:value(textview6)     textview7:value(textview8) .

我应该对textview2和textview6（屏幕的一半）进行对齐，并且应该正确对齐textview6和textview8

 What i have:                         What i want:
    12345   4565                         12345    4565
    12        56                            12      56
    56        44                            56      44  
    6          6                             6       6

Answer 1

您在所有Textview中编写android:gravity="right"属性。

Answer 2

您应该在relative layout使用ALIGN_PARENT_RIGHT选项。

像这样的东西

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal"
    android:paddingLeft="5dip"
    android:paddingRight="5dip"
    android:paddingTop="8dip"
    android:paddingBottom="8dip"
>

<TextView  
    android:id="@+id/tv_name"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:text="turn on" 
/>

<CheckBox 
    android:id="@+id/chekcbox"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    /> 
</RelativeLayout>

android:layout_alignParentRight="true"会将您的textview置于极右翼。只要尝试一次对我有效。

Answer 3

试试这个布局。这很有效。

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

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <RelativeLayout
            android:layout_width="100dp"
            android:layout_height="wrap_content" >

            <TextView
                android:id="@+id/summary_label"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:text="123456" />
        </RelativeLayout>

        <RelativeLayout
            android:layout_width="100dp"
            android:layout_height="wrap_content" >

            <TextView
                android:id="@+id/summary_amount"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:text="1234" />
        </RelativeLayout>

        <RelativeLayout
            android:layout_width="100dp"
            android:layout_height="wrap_content" >

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

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <RelativeLayout
            android:layout_width="100dp"
            android:layout_height="wrap_content" >

            <TextView
                android:id="@+id/summary_label1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:text="16" />
        </RelativeLayout>

        <RelativeLayout
            android:layout_width="100dp"
            android:layout_height="wrap_content" >

            <TextView
                android:id="@+id/summary_amount3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:text="1" />
        </RelativeLayout>

        <RelativeLayout
            android:layout_width="100dp"
            android:layout_height="wrap_content" >

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

</LinearLayout>

表格布局textview对齐

3 个答案: