Hello Table Layout

A TableLayout is a ViewGroup that will lay child View elements into rows and columns.

1. Start a new project/Activity called HelloTableLayout.

2. Open the layout file. Make it like so:

1. Start a new project/Activity called HelloTableLayout.

2. Open the layout file. Make it like so:

<?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="fill parent"

android:stretchColumns="1">

<TableRow>

<TextView

android

:layout column="1"

android

:text="Open..."

android

:padding="3dip" />

<TextView

android

:text="Ctrl-O"

android

:gravity="right"

android

:padding="3dip" />

</TableRow>

<TableRow>

<TextView

android

:layout column="1"

android

:text="Save..."

android

:padding="3dip" />

<TextView

android

:text="Ctrl-S"

android

:gravity="right"

android

:padding="3dip" />

</TableRow>

<TableRow>

<TextView

android

layout column="1"

android

text="Save As..."

android

padding="3dip" />

<TextView

android

text="Ctrl-Shift-S"

android

gravity="right"

android

padding="3dip" />

</TableRow>

<View

android:layout height="2dip"

android:background="#FF909090" />

<TableRow>

<TextView

android

text="X"

android

padding="3dip" />

<TextView

android

text="Import..."

android

padding="3dip" />

</TableRow>

<TableRow>

<TextView

android

text="X"

android

padding="3dip" />

<TextView

android

text="Export..."

android

padding="3dip" />

<TextView

android

text="Ctrl-E"

android

gravity="right"

android

padding="3dip" />

</TableRow>

<View

android:layout height="2dip"

android:background="#FF909090" />

<TableRow>

<TextView

android

layout column="1"

android

text="Quit"

android

padding="3dip" />

</TableRow>

</TableLayout>

Notice how this resembles the structure of an HTML table. TableLayout is like the table element; TableRow is like a tr element; but for our cells like the html td element, we can use any kind of View. Here, we use TextView for the cells. 3. Make sure your Activity loads this layout in the onCreate() method:

Notice how this resembles the structure of an HTML table. TableLayout is like the table element; TableRow is like a tr element; but for our cells like the html td element, we can use any kind of View. Here, we use TextView for the cells. 3. Make sure your Activity loads this layout in the onCreate() method:

R.layout.main refers to the main.xml layout file. 4. Run it.

You should see the following:

Hello TibltLiyout

open...

Ctrl-0

tab,

Ctrl-5

ctrl-shlft-5

X III port

X Bcport...

Ctrl-E

QUI

R.layout.main refers to the main.xml layout file. 4. Run it.

You should see the following:

References

• TableLayout

0 0

Post a comment