android选项卡TabHost功能和用法详解

选项卡TabHost介绍
TabHost可以方便地在窗口上放置多个标签页，每个标签页相当于获得了一个与外部容器大小相同的组件摆放区域
TabHost是一个简单的容器，提供如下两种方法来创建选项卡
newTabSpec(String tag):创建选项卡
addTab(TabHost.TabSpec tabSpec):添加选项卡

tab选项卡效果图：

标题插入图片时，需要在AndroidManifest.xml设置一下主题，默认主题，图片显示不出来，可以设置自己喜欢的主题

activity_main.xml页面中定义了四个tab选项卡，里边随便放了一下组件。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/LinearLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="${relativePackage}.${activityClass}" >

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

            <TabWidget
                android:id="@android:id/tabs"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" >
            </TabWidget>

            <FrameLayout
                android:id="@android:id/tabcontent"
                android:layout_width="match_parent"
                android:layout_height="match_parent" >

                <LinearLayout
                    android:id="@+id/tab1"
                    android:orientation="vertical"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent" >
                    
                    <Button 
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:text="button"/>
                    
                </LinearLayout>

                <LinearLayout
                    android:id="@+id/tab2"
                    android:orientation="vertical"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent" >
                    
                    <EditText 
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:text="edittext"/>
                    
                </LinearLayout>

                <LinearLayout
                    android:id="@+id/tab3"
                    android:orientation="vertical"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent" >
                    
                    <TextView 
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:text="textview"/>
                    
                </LinearLayout>
                
                <LinearLayout
                    android:id="@+id/tab4"
                    android:orientation="vertical"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent" >
                    
                    <EditText 
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:text="edittext"/>
                    
                    <TextView 
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:text="textview"/>
                    
                </LinearLayout>
            </FrameLayout>
        </LinearLayout>
    </TabHost>

</LinearLayout>

MainActivity.java（大部分都有注释）

package com.example.tab;

import android.app.Activity;
import android.app.TabActivity;
import android.content.res.Resources;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.TabHost;
import android.widget.TabHost.OnTabChangeListener;
import android.widget.Toast;

public class MainActivity extends Activity {
	
	private TabHost tabs;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        //获取该Activity里面的TabHost组件
        tabs = (TabHost) findViewById(android.R.id.tabhost);
        //初始化TabHost容器
        tabs.setup();
        
        //资源对象
        Resources res = getResources();
        
        TabHost.TabSpec spec;
        //创建第一个Tab页
        spec = tabs.newTabSpec("tab1")
        		.setIndicator("tab1")	//设置标题
        		.setContent(R.id.tab1);	//设置内容
        //添加第一个标签页
        tabs.addTab(spec);
        
        //res.getDrawable(R.drawable.wo)添加图片
        spec = tabs.newTabSpec("tab2").setIndicator("tab2", res.getDrawable(R.drawable.wo)).setContent(R.id.tab2);
        tabs.addTab(spec);
        spec = tabs.newTabSpec("tab3").setIndicator("tab3").setContent(R.id.tab3);
        tabs.addTab(spec);
        spec = tabs.newTabSpec("tab4").setIndicator("tab4").setContent(R.id.tab4);
        tabs.addTab(spec);
        
        //设置默认选项卡,第几个，从0开始
        tabs.setCurrentTab(1);
        
        //标签切换事件处理，setOnTabChangedListener
        tabs.setOnTabChangedListener(new OnTabChangeListener(){

        	//tabId是newTabSpec参数设置的tab页名，
			@Override
			public void onTabChanged(String tabId) {
				if (tabId.equals("tab1")) {   //第一个标签  
	               Toast.makeText(MainActivity.this, "点击tab1", Toast.LENGTH_SHORT).show();
	           }  
	           if (tabId.equals("tab2")) {   //第二个标签  
	               Toast.makeText(MainActivity.this, "点击tab2", Toast.LENGTH_SHORT).show();
	           }  
	           if (tabId.equals("tab3")) {   //第三个标签  
	               Toast.makeText(MainActivity.this, "点击tab3", Toast.LENGTH_SHORT).show();
	           } 
	           if (tabId.equals("tab4")) {   //第四个标签  
	               Toast.makeText(MainActivity.this, "点击tab4", Toast.LENGTH_SHORT).show();
	           }
			}
        	
        });
    }
}