Android Table Layout Example

Tutorial on Android Table Layout, Table Layout will explains you to arrange data in row and coloumns.It is same as tbale in html.Syntax also quite similar,you can obseve it in below picture.

Activity_main.xml:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity" >
  
    <TableLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content">
        <TableRow 
        android:layout_width="fill_parent"
        android:layout_height="wrap_content">
        <TextView 
            android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="1"
        android:padding="50dp"
        android:background="#bdbdbd"
            />
             <TextView 
            android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="2"
        android:padding="50dp"
        android:background="#eeeeee"
            />
              <TextView 
            android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="3"
        android:padding="50dp"
        android:background="#999999"
            />
        </TableRow>
            <TableRow 
        android:layout_width="fill_parent"
        android:layout_height="wrap_content">
        <TextView 
            android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="4"
        android:padding="50dp"
        android:textColor="#ffffff"
        android:background="#333333"
            />
             <TextView 
            android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="5"
        android:padding="50dp"
        android:textColor="#ffffff"
        android:background="#444444"
            />
       
        </TableRow>
             <TableRow 
        android:layout_width="fill_parent"
        android:layout_height="wrap_content">
        <TextView 
            android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="6"
        android:padding="50dp"
        android:textColor="#ffffff"
        android:background="#3399ff"
            />
   
        </TableRow>
    </TableLayout>
</RelativeLayout>
        

Main Activity.Java

package info.siddhu.tablelayout;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;

public class MainActivity extends Activity {

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
 }
 
 @Override
 public boolean onCreateOptionsMenu(Menu menu) {
  // Inflate the menu; this adds items to the action bar if it is present.
  getMenuInflater().inflate(R.menu.main, menu);
  return true;
 }
}
  

Output: 

Android Frame Layout Example

Android Frame layout tutorial,Mostly in development frame layout wont use.The layout starts from top left corner.so if we put items in the layout automatically those items will be overlapped.

Activity_main.xml:

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world" />

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button" />

    <QuickContactBadge
        android:id="@+id/quickContactBadge1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</FrameLayout>
        

Main Activity.Java

package info.siddhu.framelayout;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;

public class MainActivity extends Activity {

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
 }
 
 @Override
 public boolean onCreateOptionsMenu(Menu menu) {
  // Inflate the menu; this adds items to the action bar if it is present.
  getMenuInflater().inflate(R.menu.main, menu);
  return true;
 }
}