Android Tab Layout

1.Main Xml


<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/tabhost"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <LinearLayout
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent">
        <TabWidget
            android:id="@android:id/tabs"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content" />
        <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"/>
    </LinearLayout>
</TabHost>


2.photo_layout.xml


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="match_parent"
  android:layout_height="match_parent">
 
  <!-- Screen Design for Photos -->
  <TextView android:text="PHOTOS HERE"
  android:padding="15dip"
  android:textSize="18dip"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"/>
   
</LinearLayout>

3.songs_layout.xml

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout

  xmlns:android="http://schemas.android.com/apk/res/android"

  android:orientation="vertical"

  android:layout_width="match_parent"

  android:layout_height="match_parent">

  

  <!-- Screen Design for the SONGS -->

  <TextView android:text="SONGS HERE"

  android:padding="15dip"

  android:textSize="18dip"

  android:layout_width="fill_parent"

  android:layout_height="wrap_content"/>

</LinearLayout>

4.videos_layout.xml

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout

  xmlns:android="http://schemas.android.com/apk/res/android"

  android:orientation="vertical"

  android:layout_width="match_parent"

  android:layout_height="match_parent">

  

  <!--  Screen Design for VIDEOS -->

  <TextView android:text="VIDEOS HERE"

  android:padding="15dip"

  android:textSize="18dip"

  android:layout_width="fill_parent"

  android:layout_height="wrap_content"/>

</LinearLayout>

5.MainActivity.java

package com.example.androidtablayout;

import android.app.TabActivity;

import android.content.Intent;

import android.os.Bundle;

import android.widget.TabHost;

import android.widget.TabHost.TabSpec;

public class AndroidTabLayoutActivity extends TabActivity {

    /** Called when the activity is first created. */

    @Override

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.main);

        

        TabHost tabHost = getTabHost();

        

        // Tab for Photos

        TabSpec photospec = tabHost.newTabSpec("Photos");

        photospec.setIndicator("Photos", getResources().getDrawable(R.drawable.icon_photos_tab));

        Intent photosIntent = new Intent(this, PhotosActivity.class);

        photospec.setContent(photosIntent);

        

        // Tab for Songs

        TabSpec songspec = tabHost.newTabSpec("Songs");

        // setting Title and Icon for the Tab

        songspec.setIndicator("Songs", getResources().getDrawable(R.drawable.icon_songs_tab));

        Intent songsIntent = new Intent(this, SongsActivity.class);

        songspec.setContent(songsIntent);

        

        // Tab for Videos

        TabSpec videospec = tabHost.newTabSpec("Videos");

        videospec.setIndicator("Videos", getResources().getDrawable(R.drawable.icon_videos_tab));

        Intent videosIntent = new Intent(this, VideosActivity.class);

        videospec.setContent(videosIntent);

        

        // Adding all TabSpec to TabHost

        tabHost.addTab(photospec); // Adding photos tab

        tabHost.addTab(songspec); // Adding songs tab

        tabHost.addTab(videospec); // Adding videos tab

    }

}

6.PhotosActivity.java

package com.example.androidtablayout;

import android.app.Activity;

import android.os.Bundle;

public class PhotosActivity extends Activity {

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.photos_layout);

    }

}

7.SongsActivity.java

package com.example.androidtablayout;

import android.app.Activity;

import android.os.Bundle;

public class SongsActivity extends Activity {

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.songs_layout);    }

}

8.VideosActivity.java

package com.example.androidtablayout;

import android.app.Activity;

import android.os.Bundle;

public class VideosActivity extends Activity {

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.videos_layout);

    }

}