Android之TabHost

一. 简单示例

src

public class AndroidUIActivity extends TabActivity {

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);

		// tabHost是一个标签容器
		TabHost tabHost = this.getTabHost();

		// 每一个TabSpec对象就是个标签
		// TabSpec.setIndicator()方法是设置标签显示样式
		// TabSpec.setContent()方法显示标签下方的内容显示

		// 定义第一个标签
		tabHost.addTab(tabHost
				.newTabSpec("OneTab")
				.setIndicator("OneTab",
						getResources().getDrawable(android.R.drawable.star_on))
				.setContent(R.id.linearLayout1));

		// 定义第二个标签
		tabHost.addTab(tabHost
				.newTabSpec("TwoTab")
				.setIndicator("TwoTab",
						getResources().getDrawable(android.R.drawable.star_off))
				.setContent(R.id.linearLayout2));

		// 定义第三个标签
		tabHost.addTab(tabHost
				.newTabSpec("ThreeTab")
				.setIndicator("ThreeTab",
						getResources().getDrawable(android.R.drawable.stat_notify_call_mute))
				.setContent(R.id.linearLayout3));

	}
}

main.xml

<?xml version="1.0" encoding="utf-8"?>
<!--
     根元素是 TabHost ,我们这个文件要和TabActivity配合使用，在TabActivity的源代码里写死了要找的Id是android.R.id.tabhost，
	因此这里的ID也要定死成TabHost 的ID 是定死的 "@android:id/tabhost" 下面的类似，不再解释。

-->
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/tabhost"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content" >

    <!-- TabWidget 就是标签选项卡的头部部分,注意ID的写法 -->

    <TabWidget
        android:id="@android:id/tabs"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >
    </TabWidget>
    <!-- FrameLayout 就是标签的内容显示部分，注意ID的写法，还要注意我们做了个上部空白设定 android:paddingTop="65dp",是为了不让内容和标签重叠 -->

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

        <!-- LinearLayout 是一个标签里的内容，程序根据你定义的ID来把他们放在不同的标签下面     android:paddingtop="65dp" -->

        <LinearLayout
            android:id="@+id/linearLayout1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" >

            <TextView
                android:id="@+id/textView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="标签1中的内容" >
            </TextView>
        </LinearLayout>
        <!-- LinearLayout 是另一个标签里的内容 -->

        <LinearLayout
            android:id="@+id/linearLayout2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" >

            <TextView
                android:id="@+id/textView2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="标签2中的内容" >
            </TextView>
        </LinearLayout>

        <LinearLayout
            android:id="@+id/linearLayout3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" >

            <TextView
                android:id="@+id/textView3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="标签3中的内容" >
            </TextView>
        </LinearLayout>
    </FrameLayout>

</TabHost>

二. 运行结果

启动

点击ThreeTab