Android TabLayout

In this tutorial we will explain how to create TabLayout in android.explain below.Tabhost show as multiple options menu .Now we created 3 Activity and 3 xml class.

main.xml

In this class create Tablayout android wigdets.
........................................................................................................................................................
<?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>

Then create three activity xml class when open onclick tabview in android

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

 
  <TextView android:text="SONGS HERE SCREEN"
  android:padding="15dip"
  android:textSize="18dip"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"/>
</LinearLayout>

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

 
  <TextView android:text="PHOTOS HERE SCREEN"
  android:padding="15dip"
  android:textSize="18dip"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"/>
 
</LinearLayout>

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

 
  <TextView android:text="VIDEOS HERE SCREEN"
  android:padding="15dip"
  android:textSize="18dip"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"/>
</LinearLayout>


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);
    }
}

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);    }
}

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);
    }
}

AndroidTabLayoutActivity.java

In this class extends the TabActivity

...................................................................................................................................................................

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.photos_white));

        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.songs_white));

        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.videos_white));

        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

    }

}