Разработка Андроид приложений – TableLayout

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

1. Создайте новый проект HelloTableLayout.
2. Откройте файл res/layout/main.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>

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

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

public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
}

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

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