Android TableLayout Alignment

Question

I have Layout XML Like this. This is inside LinearLayout.

       <TableLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent">
        <TableRow
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:stretchColumns="1"
            android:background="@android:color/background_dark">

                <TextView
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:text=" Hello world"
                android:textSize="20dp"
                android:layout_gravity="left"
                android:padding="2dp"
                android:background="#009900"
                android:textColor="@android:color/white"/>

                <TextView
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:text=" v1.0"
                android:textSize="20dp"
                android:padding="2dp"
                android:layout_gravity="right"
                android:background="#009900"
                android:textColor="@android:color/white"/>
        </TableRow>     
    </TableLayout>

I want to display the row like this:

 [ Title                     v1.0 ]

But it displays like this:

 [ Title  v1.0                    ]

Chirag · Accepted Answer · 2012-08-30T06:15:35.040

Try this.

 <TableLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent">
        <TableRow
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:stretchColumns="1"
            android:background="@android:color/background_dark">

                <TextView
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:text=" RECSOLU Campus"
                android:textSize="20dp"
                android:layout_gravity="left"
                android:padding="2dp"
                android:layout_weight="1"
                android:background="#009900"
                android:textColor="@android:color/white"/>

                <TextView
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:text="v1.0"
                android:gravity="right"
                android:layout_weight="1"
                android:textSize="20dp"
                android:padding="2dp"
                android:layout_gravity="right"
                android:background="#009900"
                android:textColor="@android:color/white"/>
        </TableRow>     
    </TableLayout>

Can you remove the images please? I don't want the name displayed here. I should have changed before posting. — Kevin Rave, Aug 30 '12 at 06:14

score 0 · Answer 2 · answered Aug 30 '12 at 06:01

Use RelativeLayout inside your TableRow:

<RelativeLayout
   android:layout_width="fill_parent"
   android:layout_height="fill_parent">
        <TextView
        androidLalignParentLeft="true"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text=" RECSOLU Campus"
        android:textSize="20dp"
        android:layout_gravity="left"
        android:padding="2dp"
        android:background="#009900"
        android:textColor="@android:color/white"/>

        <TextView
        androidLalignParentRight="true"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text=" v1.0"
        android:textSize="20dp"
        android:padding="2dp"
        android:layout_gravity="right"
        android:background="#009900"
        android:textColor="@android:color/white"/>
</RelativeLAyout>

score 0 · Answer 3 · answered Aug 30 '12 at 06:02

<TableRow
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:stretchColumns="1"
        android:background="@android:color/background_dark">
       <------- keep this in relative layout
            <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text=" RECSOLU Campus"
            android:textSize="20dp"
            android:layout_gravity="left"
            android:padding="2dp"
            android:background="#009900"
            android:textColor="@android:color/white"/>

            <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text=" v1.0"
            android:textSize="20dp"
            android:padding="2dp"
            android:layout_gravity="right"
            android:background="#009900"
            android:textColor="@android:color/white"/>
          ------ relative layout ends here>
    </TableRow>

Android TableLayout Alignment

3 Answers3