TableLayout является элементом ViewGroup отображающим младшие элементы View в виде рядов и колонок.

1. Создайте новый проект HelloTableLayout.
2. Откройте файл res/layout/main.xml и вставьте следующий код:

[code lang=»xml»]<br />
<?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>
[/code]

3. Обратите внимание, насколько данная структура похожа на таблицу HTML. Элемент TableLayout похож на HTML элемент table ; TableRow похож на элемент tr ; но для формирования ячеек вы можете использовать любой тип элемента View . В данном примере, TextView используется в каждой из ячеек. Среди некоторых рядов, также присутствует базовый элемент View, который используется для создания горизонтальной линии.

4. Убедитесь в том, что ваш файл HelloTableLayout загружает свой внешний вид при помощи метода onCreate() :

[code lang=»js»]
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
}
[/code]

Метод setContentView(int) загружает файл внешнего вида для Activity, уточненного источником ID — R.layout.main ссылается на файл res/layout/main.xml .
5. Запустите приложение.

На экране должна появиться следующая картинка: