Android layout layout issue - table / grid / linear

Question

I am trying to plunge into some basic layout issues in android. Here is what I want as my ultimate goal:

As you can see, the various fields are configured as follows. Fields are populated based on XML data. There may be one set of fields, or there may be more.

I tried tablelayout, but could not set it correctly even when layout_span for field 7. It worked fine, but when I tried to change the width of field 1 through 5, the stretched line below it did not correspond to the changes (not like an HTML table).

Fields in each group should be in the queue if there are more than one (see red lines in the image).

Can someone point me in the right direction, how should I approach this?

Thanks.

---

Edit: from Naveen Kumar (thanks!):

updated screenshot, see what happens if you make the text longer:

Answer 1

try it

<?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="fill_parent" android:layout_height="wrap_content" android:layout_weight="1" android:orientation="vertical" > <TableLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:gravity="center" > <TableRow android:layout_width="fill_parent" android:layout_height="wrap_content" android:padding="2dp" > <TextView android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_weight="1" android:text="test" android:textColor="#FFFFFF" android:textSize="15sp" android:textStyle="bold" /> <TextView android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_weight="1" android:text="test" android:textColor="#FFFFFF" android:textSize="15sp" android:textStyle="bold" /> <TextView android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_weight="1" android:text="test" android:textColor="#FFFFFF" android:textSize="15sp" android:textStyle="bold" /> <TextView android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_weight="1" android:text="test" android:textColor="#FFFFFF" android:textSize="15sp" android:textStyle="bold" /> <TextView android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_weight="1" android:text="test" android:textColor="#FFFFFF" android:textSize="15sp" android:textStyle="bold" /> </TableRow> <LinearLayout android:layout_width="wrap_content" android:layout_height="fill_parent" android:orientation="horizontal" > <TextView android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_weight="15" android:text="test" android:textColor="#FFFFFF" android:textSize="15sp" android:textStyle="bold" /> <TextView android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_weight="42" android:text="test" android:textColor="#FFFFFF" android:textSize="15sp" android:textStyle="bold" /> <TextView android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_weight="43" android:text="test" android:textColor="#FFFFFF" android:textSize="15sp" android:textStyle="bold" /> </LinearLayout> <TableRow android:layout_width="fill_parent" android:layout_height="wrap_content" android:padding="2dp" > <TextView android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_weight="1" android:text="test" android:textColor="#FFFFFF" android:textSize="15sp" android:textStyle="bold" /> <TextView android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_weight="1" android:text="test" android:textColor="#FFFFFF" android:textSize="15sp" android:textStyle="bold" /> <TextView android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_weight="1" android:text="test" android:textColor="#FFFFFF" android:textSize="15sp" android:textStyle="bold" /> <TextView android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_weight="1" android:text="test" android:textColor="#FFFFFF" android:textSize="15sp" android:textStyle="bold" /> <TextView android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_weight="1" android:text="test" android:textColor="#FFFFFF" android:textSize="15sp" android:textStyle="bold" /> </TableRow> <LinearLayout android:layout_width="wrap_content" android:layout_height="fill_parent" android:orientation="horizontal" > <TextView android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_weight="15" android:text="test" android:textColor="#FFFFFF" android:textSize="15sp" android:textStyle="bold" /> <TextView android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_weight="42" android:text="test" android:textColor="#FFFFFF" android:textSize="15sp" android:textStyle="bold" /> <TextView android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_weight="43" android:text="test" android:textColor="#FFFFFF" android:textSize="15sp" android:textStyle="bold" /> </LinearLayout> </TableLayout> </LinearLayout> </LinearLayout>