This document provides instructions for creating a table layout in Android. It explains that a table layout arranges user interface elements into neatly defined rows and columns, similar to an HTML table. It describes how to create a new Android project and main layout XML file to build a table. It also includes code snippets showing how to set the main layout as the app's content view.

2. Disclaimer: This presentation is prepared by trainees of baabtra as a
part of mentoring program. This is not official document of baabtra-
Mentoring Partner.
Baabtra-Mentoring Partner is the mentoring division of baabte System
Technologies Pvt Ltd
10/11/12

3. TABLE LAYOUT IN ANDROID
vineethmenon18@gmail.com

4. Table layout
• In a table layout, as the name suggests, all the
controls are arranged into rows and columns.
• Why Table layout?
Table layouts can be used for displaying tabular
data or neatly aligning screen contents in a
way similar to an HTML table on a web page.
It organizes user interface controls, or
widgets, on the screen in neatly defined rows
and columns.
10/11/12

5. • Create layout XML
• Create new android project [File >> New >>
Android Project] with project name
TableLayout
• Click next and select target android device
version [I chose version 2.3]
• Click next and enter package name –
‘com.calicut.TableLayout’
• Click finish
10/11/12

6. • By default main.xml will be created (can be
found under /res/layout folder) when you
create new project and the same is set as
layout for the application
using setContentView(R.layout.main)method.
Check the onCreate method in
TableLayoutExample class to know about how
the layout xml is set:
10/11/12

7. • package com.calicut.tablelayout;
import android.app.Activity;
import android.os.Bundle;
public class TableLayoutActivity extends Activity { /**
Called when the activity is first created. */
@Override public void onCreate(Bundle
savedInstanceState)
{ super.onCreate(savedInstanceState);
setContentView(R.layout.main); }}
10/11/12

8. 10/11/12

9. 10/11/12

10. 10/11/12

11. 10/11/12

12. 10/11/12

13. 10/11/12

14. 10/11/12

15. 10/11/12

16. 10/11/12

17. • So you can see a layout as shown in the
subsequent slide with distinct rows and
columns.
10/11/12

18. 10/11/12

19. Contact Us