Tabhost In Android

1] Write Code In MainActivity.java File:

package com.example.tabdemo;
import android.app.TabActivity;
import android.content.Intent;
import android.content.res.Resources;
import android.os.Bundle;
import android.widget.TabHost;
import android.widget.TabHost.TabSpec;

@SuppressWarnings("deprecation")
public class MainActivity extends TabActivity{
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
       
        Resources ressources = getResources();
        TabHost tabHost = getTabHost();
       
        // Android tab
        Intent intentAndroid = new Intent().setClass(this, AndroidActivity.class);
        TabSpec tabSpecAndroid = tabHost
          .newTabSpec("Android")
          .setIndicator("", ressources.getDrawable(R.drawable.icon_android_config))
          .setContent(intentAndroid);

        // Apple tab
        Intent intentApple = new Intent().setClass(this, AppleActivity.class);
        TabSpec tabSpecApple = tabHost
          .newTabSpec("Apple")
          .setIndicator("", ressources.getDrawable(R.drawable.icon_apple_config))
          .setContent(intentApple);

        // Windows tab
        Intent intentWindows = new Intent().setClass(this, WindowsActivity.class);
        TabSpec tabSpecWindows = tabHost
          .newTabSpec("Windows")
          .setIndicator("", ressources.getDrawable(R.drawable.icon_windows_config))
          .setContent(intentWindows);

        // Blackberry tab
        Intent intentBerry = new Intent().setClass(this, BlackBerryActivity.class);
        TabSpec tabSpecBerry = tabHost
          .newTabSpec("Berry")
          .setIndicator("", ressources.getDrawable(R.drawable.icon_blackberry_config))
          .setContent(intentBerry);

        // add all tabs
        tabHost.addTab(tabSpecAndroid);
        tabHost.addTab(tabSpecApple);
        tabHost.addTab(tabSpecWindows);
        tabHost.addTab(tabSpecBerry);
       

        //set Windows tab as default (zero based)
        tabHost.setCurrentTab(2);
    }
}

2] Create  Second AppleActivity.java File:

package com.example.tabdemo;
import android.app.Activity;
import android.os.Bundle;
import android.widget.TextView;

public class AppleActivity extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        TextView textview = new TextView(this);
        textview.setText("This is Apple tab");
        setContentView(textview);
    }
}

3] Create Third BlackBerryActivity.java File:

package com.example.tabdemo;
import android.app.Activity;
import android.os.Bundle;
import android.widget.TextView;

public class BlackBerryActivity extends Activity{
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        TextView textview = new TextView(this);
        textview.setText("This is BlackBerry tab");
        setContentView(textview);
    }
}

4] Create Fourth AndroidActivity.java File:

package com.example.tabdemo;
import android.app.Activity;
import android.os.Bundle;
import android.widget.TextView;

public class AndroidActivity extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
       
        TextView textview = new TextView(this);
        textview.setText("This is Android tab");
        setContentView(textview);
    }
}
5] Create Fifth WindowsActivity.java File:

package com.example.tabdemo;
import android.app.Activity;
import android.os.Bundle;
import android.widget.TextView;

public class WindowsActivity extends Activity{
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        TextView textview = new TextView(this);
        textview.setText("This is Windows mobile tab");
        setContentView(textview);
    }
}

     

6] Now Put Image In drawable Folder:

7 ] Now Create icon_android_config.xml in drawable Folder:
 

 <?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:drawable="@drawable/android"
          android:state_selected="true" />
    <!-- When not selected, you should use bg with white -->
    <item android:drawable="@drawable/android"/>
</selector>

8] Now Create icon_apple_config.xml File:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <!-- When selected -->
    <item android:drawable="@drawable/iphone"
          android:state_selected="true" />
    <!-- When not selected -->
    <item android:drawable="@drawable/iphone" />
</selector>

9] Now Create icon_blackberry_config.xml File:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <!-- When selected -->
    <item android:drawable="@drawable/balckberry"
          android:state_selected="true" />
    <!-- When not selected -->
    <item android:drawable="@drawable/balckberry" />
</selector>

10] Now Create icon_windows_config.xml File:

 <?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <!-- When selected -->
    <item android:drawable="@drawable/windows"
          android:state_selected="true" />
    <!-- When not selected -->
    <item android:drawable="@drawable/windows" />
</selector>

11] Also Make Effect In AndroidManifest.xml File:

      <activity
            android:name="com.example.tabdemo.MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
         <activity
            android:name="com.example.tabdemo.AndroidActivity"
            android:label="@string/app_name" >
        </activity>
         <activity
            android:name="com.example.tabdemo.AppleActivity"
            android:label="@string/app_name" >
        </activity>
         <activity
            android:name="com.example.tabdemo.BlackBerryActivity"
            android:label="@string/app_name" >
        </activity>
         <activity
            android:name="com.example.tabdemo.WindowsActivity"
            android:label="@string/app_name" >
        </activity>

Output:

   Download Source Code : TabDemo