Question

in my app i need to design like the following image

i use table layout for this but i get like follwing:

TextViewTextViewTextView
…..

mycode:

   ....... 
<TableLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:id="@+id/tableLayout1">
<TableRow android:id="@+id/tableRow1" android:layout_width="fill_parent"
    android:layout_height="wrap_content">
    <TextView android:layout_width="fill_parent" android:text="Your State"
       android:layout_gravity="left" android:id="@+id/textView1"
       android:layout_height="wrap_content">
    </TextView>
    <TextView android:layout_width="wrap_content" android:text="Your State"
       android:layout_gravity="left" android:id="@+id/textView1"
       android:layout_height="wrap_content">
    </TextView>
</TableRow>
     .........

my design is not shown as above image. i do not know how to design exact the above image. please help me

Answer 1

You should have six tablerows intable layout and each tablerow whould consists of four textviews.

See the Sample Code

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

    <TableRow>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text=""
            android:textColor="#ffffff"
            android:textStyle="bold" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Password:"
            android:textColor="#ffffff"
            android:textStyle="bold" />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Pas111"
            android:textColor="#ffffff"
            android:textStyle="bold" />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Pas111"
            android:textColor="#ffffff"
            android:textStyle="bold" />
    </TableRow>

    <TableRow>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Password"
            android:textColor="#ffffff"
            android:textStyle="bold" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Pas111"
            android:textColor="#ffffff"
            android:textStyle="bold" />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Pas111"
            android:textColor="#ffffff"
            android:textStyle="bold" />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Pas111"
            android:textColor="#ffffff"
            android:textStyle="bold" />
    </TableRow>
</TableLayout>