TABLELAYOUT

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"




Definition


<?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"



Beispiel

Komplettes Projekt
TableLayout1.7z





1. Beispiel

Beispielcode

<?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>


show a new activity
TextView