Android-Screen-Table Layout

TableLayout

The TableLayout groups views into rows and columns. You use the element to designate a row in the table. Each row can contain one or more views. Each view you place within a row forms a cell. The width of each column is determined by the largest width of each cell in that column.
Consider the content of main.xml shown here:

xmlns:android=”http://schemas.android.com/apk/res/android”
android:layout_height=”fill_parent”
android:layout_width=”fill_parent”>

TableLayout

android:text=”User Name:”
android:width =”120px”
/>
android:id=”@+id/txtUserName”
android:width=”200px” />

android:text=”Password:”
/>
android:id=”@+id/txtPassword”
android:password=”true”
/>

TableLayout

android:layout_width=”fill_parent”
android:layout_height=”wrap_content”
android:text=”Remember Password”
/>

TableLayout

TableLayout

Figure shows what the preceding looks like when rendered on the Android Emulator.

Note that in the preceding example, there are two columns and four rows in the TableLayout. The cell directly under the Password TextView is populated with an empty element. If you don’t do this, the Remember Password checkbox will appear under the Password TextView, as shown in Figure.