TabHost简单使用示例

1.综述

在Android的开发中，经常需要实现页面Tab的功能，比较简答的一种方式就是使用TabHost实现。顾名思义，TabHost即是包含若干个Tab的一个Tab容器。那么，当我们要使用TabHost实现一个界面功能的时候，我们是如何开始的呢？

2.实现步骤

1）首先写布局文件

布局文件的填写较为简单，如下：

<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:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical">

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

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

            <LinearLayout
                android:id="@+id/page1"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent">

                <TextView
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:gravity="center"
                    android:text="tab1"/>
            </LinearLayout>

            <LinearLayout
                android:id="@+id/page2"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent">

                <TextView
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:gravity="center"
                    android:text="tab2"/>
            </LinearLayout>

        </FrameLayout>
    </LinearLayout>

</TabHost>

使用中，需要注意的点是：

TabHost的id需要设为

<span style="white-space:pre">	</span>android:id="@android:id/tabhost"

TabWidget为tab键下方的状态地址栏，其id需设置为<pre name="code" class="html"><span style="white-space:pre">	</span>android:id="@android:id/tabs"

FrameLayout为TabHost的待填充内容，其id需设置为

<pre name="code" class="html" style="font-size: 12px;"><span style="white-space:pre">	</span>android:id="@android:id/tabcontent"

并且权重需要设置为

<pre name="code" class="html" style="font-size: 13.3333339691162px;"><span style="white-space:pre">	</span>android:layout_weight="1"

如此，一个简单的TabHost就设置完成了。

2）Java源码

源码如下：

package com.gtja.com.tabfragment;

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

public class MainActivity extends TabActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        TabHost tabHost = getTabHost();
        TabHost.TabSpec page1 = tabHost.newTabSpec("tab1")
                .setIndicator("tab1")
                .setContent(R.id.page1);
        tabHost.addTab(page1);

        TabHost.TabSpec page2 = tabHost.newTabSpec("tab2")
                .setIndicator("tab2")
                .setContent(R.id.page2);
        tabHost.addTab(page2);

    }

}

在源码中，getTabHost()获取TabHost对象，setIndicator()设置对应tab的提示，addTab()则是将该TabSpec添加到TabHost中。

3）实现效果

实现效果如下：

至此，一个基本的TabHost的页面跳转实现了。