Android中自定义Tab的实现

看了网上的的一些资料和android源码之后，总结出自定义Tab的大概实现，记录以备后查。

android中的tab控件显示通过TabHost和TabWidget来实现，在TabHost.TabSpec提供了tab自定义外观的实现方法：

TabSpec android.widget.TabHost.TabSpec.setIndicator(View view);

我们提供自定义的View即可，android源码中默认的view有两种：一种只有TextView，另一种包含ImageView和TextView，看看第二种的布局文件：

源文件位于：frameworks/base/core/res/res/layout/tab_indicator.xml中

在这里我们可以增加或者修改控件，或者修改控件的样式，背景色等等。

修改后保存到自己工程的layout目录下，命名为tab_custom_indicator.xml

这里我只保留了ImageView，让tab只显示图片

同时在drawable中提供自定义的选择器tab_custom_indicator.xml，让系统在切换不同的tab时可以显示不同的背景：

TabActivity的layout文件为main.xml：

这里把TabWidget放在下面，主要是为了让tab底部显示（默认的tab是顶部显示的）

布局完成之后，下面是编码部分：

public class MainActivity extends TabActivity {
    
    private static final String TAG = "MainActivity";
    private TabWidget tabWidget;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        
        TabHost tabs = getTabHost();
        tabWidget = getTabWidget();
        
        TabHost.TabSpec spec = tabs.newTabSpec("tab0");
        Intent intent = new Intent().setClass(this, FirstActivity.class);
        spec.setIndicator(createIndicatorView());
        spec.setContent(intent);
        tabs.addTab(spec);
        
        spec = tabs.newTabSpec("tab1");
        intent = new Intent().setClass(this, SecondActivity.class);
        spec.setIndicator(createIndicatorView());
        spec.setContent(intent);
        tabs.addTab(spec);
        
        tabs.setCurrentTab(0);//启动时显示第一个标签页
    }
    
    private View createIndicatorView() {
        View tabIndicator = (RelativeLayout)LayoutInflater.from(this).inflate(
                R.layout.tab_indicator, tabWidget, false);
        return tabIndicator;
    }
}