Das TableLayout funktioniert wie die HTML-Tabelle
Man definiert jeweils eine Zeile mit TableRow
Spalten zusammenfügen
android:layout_span="2"
Spalten direkt adressieren
android:layout_column="2"
<?xml version="1.0" encoding="utf-8"?> <TableLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/tableLayout1" android:layout_width="fill_parent" android:layout_height="fill_parent" > <TableRow android:id="@+id/tableRow1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:padding="5dip" > <TextView … /> <TextView … /> <TextView … /> </TableRow> </TableLayout> Spalten zusammenfügen: android:layout_span="2" Spalten direkt adressieren: android:layout_column="2"
Komplettes Projekt TableLayout1.7z
<?xml version="1.0" encoding="utf-8"?> <TableLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/tableLayout1" android:layout_width="fill_parent" android:layout_height="fill_parent" > <TableRow android:id="@+id/tableRow1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:padding="5dip" > <TextView android:id="@+id/textView1" android:text="Vorname" android:layout_margin="5dp" android:textSize="24dp" android:textColor="@color/colorAccent" android:textAppearance="?android:attr/textAppearanceLarge"> <TextView android:id="@+id/textView2" android:text="Nachname" android:layout_margin="5dp" android:textSize="24dp" android:textColor="@color/colorAccent" android:textAppearance="?android:attr/textAppearanceLarge" /> <TextView android:id="@+id/textView3" android:text="Note" android:layout_margin="5dp" android:textSize="24dp" android:textColor="@color/colorAccent" android:textAppearance="?android:attr/textAppearanceLarge" /> </TableRow> <TableRow android:id="@+id/tableRow2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:padding="5dip" > <EditText android:id="@+id/editText1" android:text="Andrea" /> <EditText android:id="@+id/editText2" android:text="Musterfrau" /> <EditText android:id="@+id/editText3" android:text="2.3" /> </TableRow> <TableRow android:id="@+id/tableRow3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:padding="5dip" > <EditText android:id="@+id/editText3a" android:text="Max" /> <EditText android:id="@+id/editText3b" android:text="Mustermann" /> <EditText android:id="@+id/editText3c" android:text="2.7" /> </TableRow> <!-- just draw a red line --> <View android:layout_height="2dip" android:background="#FF0000" /> <TableRow android:id="@+id/tableRow4" android:layout_width="wrap_content" android:layout_height="wrap_content" android:padding="5dip" > <Button android:id="@+id/button4" android:layout_column="2" android:text="Spalte 3" /> </TableRow> <TableRow android:id="@+id/tableRow5" android:layout_width="wrap_content" android:layout_height="wrap_content" android:padding="5dip" > <Button android:id="@+id/button5" android:layout_column="1" android:text="Spalte 2" /> </TableRow> </TableLayout>