Android Scrollable Tabs

we can make tab widgets scrollable. to achieve this trick we just need to follow few steps give in the code below here.

MainActivity.java


package com.jiteshscrollabletabs;

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

import android.app.TabActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.TabHost;
import android.widget.TextView;

/**
 * Demonstrates the Tab scrolling when too many tabs are displayed to fit in the
 * screen.
 */
public class MainActivity extends TabActivity implements
TabHost.TabContentFactory {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

final TabHost tabHost = getTabHost();

for (int i = 1; i <= 30; i++) {
String name = "Tab data" + i + " ";
tabHost.addTab(tabHost.newTabSpec(name).setIndicator(name)
.setContent(this));
tabHost.getTabWidget().setDividerDrawable(R.drawable.ic_launcher);
}
}

/** {@inheritDoc} */
public View createTabContent(String tag) {
final TextView tv = new TextView(this);
tv.setText("Content for tab with tag " + tag);
return tv;
}
}

main.xml

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

    android:id="@android:id/tabhost"

    android:layout_width="match_parent"

    android:layout_height="match_parent" >

    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:orientation="vertical" >

        <HorizontalScrollView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content" >

            <TabWidget

                android:id="@android:id/tabs"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:background="#ff000066"

                android:orientation="horizontal" >

            </TabWidget>

        </HorizontalScrollView>

        <FrameLayout

            android:id="@android:id/tabcontent"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:padding="5dp" />

    </LinearLayout>

</TabHost>

the output is shown below