Android之TabHost的几种使用方法

1，Activity要继承TabActivity，使用LayoutInflater方式来初始化布局文件。

main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="fill_parent" android:layout_height="fill_parent">
	<LinearLayout android:id="@+id/tab01"
		android:layout_width="fill_parent" android:layout_height="fill_parent"
		android:gravity="center_horizontal" android:orientation="vertical">
		<TextView android:id="@+id/tv01" android:layout_width="wrap_content"
			android:layout_height="wrap_content" android:textSize="24dip"
			android:text="这是选项卡一，你课可以在这里添加你要显示的控件" />

	</LinearLayout>

	<LinearLayout android:id="@+id/tab02"
		android:layout_width="fill_parent" android:layout_height="fill_parent"
		android:gravity="center_horizontal" android:orientation="vertical">
		<TextView android:id="@+id/tv02" android:layout_width="wrap_content"
			android:layout_height="wrap_content" android:textSize="24dip"
			android:text="这是选项卡二，你课可以在这里添加你要显示的控件" />
	</LinearLayout>
	
	<LinearLayout android:id="@+id/tab03"
		android:layout_width="fill_parent" android:layout_height="fill_parent"
		android:gravity="center_horizontal" android:orientation="vertical">
		<TextView android:id="@+id/tv03" android:layout_width="wrap_content"
			android:layout_height="wrap_content" android:textSize="24dip"
			android:text="这是选项卡三，你课可以在这里添加你要显示的控件" />
	</LinearLayout>

</LinearLayout>

TabHostActivity.java

package com.test;

import android.app.TabActivity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.widget.TabHost;

public class TabHostActivity extends TabActivity {
    /** Called when the activity is first created. */
	TabHost myTabHost ;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
     //   setContentView(R.layout.main);

        myTabHost=this.getTabHost();
        LayoutInflater.from(this).inflate(R.layout.main, myTabHost.getTabContentView(), true);
        
        myTabHost.addTab(myTabHost.newTabSpec("选项卡一").setIndicator("选项卡一", 
        getResources().getDrawable(R.drawable.icon)).setContent(R.id.tab01));

        myTabHost.addTab(myTabHost.newTabSpec("选项卡二").setIndicator("选项卡二", 
        getResources().getDrawable(R.drawable.icon)).setContent(R.id.tab02));
        
        myTabHost.addTab(myTabHost.newTabSpec("选项卡三").setIndicator("选项卡三", 
        getResources().getDrawable(R.drawable.icon)).setContent(R.id.tab03));

    }
}

2，同样继承TabActivity，但是选项卡的内容则是跳转到不同的activity。

mian.xml

<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"
		android:padding="5dp">
		<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"
			android:padding="5dp" />
	</LinearLayout>
</TabHost> 

注意：tabhost中的id，tabwidget的id以及framelayout的id

TabHostActivity.java

package com.test;

import android.app.TabActivity;
import android.content.Intent;
import android.content.res.Resources;
import android.os.Bundle;
import android.widget.TabHost;

public class TabHostActivity extends TabActivity {
    /** Called when the activity is first created. */
	TabHost myTabHost ;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

		//得到TabHost对象，正对TabActivity的操作通常都有这个对象完成
		TabHost tabHost = getTabHost();
		//生成一个Intent对象，该对象指向一个Activity
		Intent activity1Intent = new Intent();
		activity1Intent.setClass(this, Activity1.class);
		//生成一个TabSpec对象，这个对象代表了一个页
		TabHost.TabSpec activity1Spec = tabHost.newTabSpec("选项卡一");
		Resources res = getResources();
		//设置该页的indicator , 这里使用了系统自动的图片资源
		activity1Spec.setIndicator("选项卡一", res.getDrawable(android.R.drawable.stat_sys_download));
		//设置该页的内容
		activity1Spec.setContent(activity1Intent);
		//将设置好的TabSpec对象添加到TabHost当中
		tabHost.addTab(activity1Spec);
		
		Intent activity2Intent = new Intent();
		activity2Intent.setClass(this, Activity2.class);
		TabHost.TabSpec activity2Spec = tabHost.newTabSpec("选项卡二");
		activity2Spec.setIndicator("选项卡二", res.getDrawable(android.R.drawable.stat_sys_upload));
		activity2Spec.setContent(activity2Intent);
		tabHost.addTab(activity2Spec);

    }
}

注意：选项卡中的两个activity的代码就不贴上了。

3，不继承TabActivity。

main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:id="@+id/hometabs"
    android:orientation="vertical"
    android:layout_width="fill_parent"  
    android:layout_height="fill_parent"> 
    <TabHost android:id="@+id/tabhost"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content">
         <LinearLayout
            android:orientation="vertical"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent">
            
             <TabWidget android:id="@android:id/tabs" 
              android:orientation="horizontal"
              android:layout_width="fill_parent"
              android:layout_height="wrap_content">
            </TabWidget>
         
             <FrameLayout android:id="@android:id/tabcontent"
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content">
                    <TextView android:id="@+id/view1"
                        android:layout_width="fill_parent"
                        android:layout_height="fill_parent" android:text="这里是选项卡一"/>
                    <TextView android:id="@+id/view2"
                        android:layout_width="fill_parent"
                        android:layout_height="fill_parent" android:text="这里是选项卡二"/>
                    <TextView android:id="@+id/view3"
                        android:layout_width="fill_parent"
                        android:layout_height="fill_parent" android:text="这里是选项卡三"/>
             </FrameLayout>
         
         </LinearLayout>
    </TabHost>
</LinearLayout>

TabHostActivity.java

package com.test;

import android.app.Activity;
import android.os.Bundle;
import android.widget.TabHost;

public class TabHostActivity extends Activity {
    /** Called when the activity is first created. */
	TabHost myTabHost ;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        TabHost tabHost = (TabHost) findViewById(R.id.tabhost);
        tabHost.setup();
        tabHost.addTab(tabHost
                .newTabSpec("选项二")
                .setIndicator("选项二",
                        getResources().getDrawable(R.drawable.icon))
                .setContent(R.id.view1));

        tabHost.addTab(tabHost
                .newTabSpec("选项二")
                .setIndicator("选项二",
                        getResources().getDrawable(R.drawable.icon))
                .setContent(R.id.view2));

        tabHost.addTab(tabHost
                .newTabSpec("选项三")
                .setIndicator("选项三",
                        getResources().getDrawable(R.drawable.icon))
                .setContent(R.id.view3));
    }
}