TabHost标签页控件

 指定标签与自定义标签的示例

布局代码：

<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/tabhost"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

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

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

            <!-- 首页 -->

            <LinearLayout
                android:id="@+id/line1"
                android:layout_width="match_parent"
                android:layout_height="match_parent" >

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:text="首页" />
            </LinearLayout>
            <!-- 第二页 -->

            <LinearLayout
                android:id="@+id/line2"
                android:layout_width="match_parent"
                android:layout_height="match_parent" >

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:text="第二页" />
            </LinearLayout>
            <!-- 第三页 -->

            <LinearLayout
                android:id="@+id/line3"
                android:layout_width="match_parent"
                android:layout_height="match_parent" >

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:text="第三页" />
            </LinearLayout>
        </FrameLayout>
    </LinearLayout>

</TabHost>

TabWidget和FrameLayout的id都是定死的,从TabHost.setup()中源码中被定死。

自定义的标签布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/statelist"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/tv_title"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="首页"
        android:textColor="@android:color/white"
        android:textSize="22sp" 
        android:gravity="center"/>

</LinearLayout>

选择时的颜色 res/drawable

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@drawable/bg_selected" android:state_selected="true"/> <!-- 选中的颜色 -->
    <item android:drawable="@drawable/bg_normal"/>

</selector>

MainActivity代码

package com.android.hzy.tabhost;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.TabHost;
import android.widget.TabHost.TabSpec;
import android.widget.TextView;

public class MainActivity extends Activity {

    private TabHost mTabHost;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        mTabHost = (TabHost) findViewById(R.id.tabhost);
        mTabHost.setup(); // 找到 tabwidget\FrameLayout 源码里面id定死
        
        // 添加标签页
        TabSpec tab1 = mTabHost.newTabSpec("tab1");
//        tab1.setIndicator("首页", getResources().getDrawable(R.drawable.i1));// 指定标签
        tab1.setIndicator(createView("首页")); // 自定义标签
        tab1.setContent(R.id.line1);// 指定标签页的内容
        mTabHost.addTab(tab1);
        
        TabSpec tab2 = mTabHost.newTabSpec("tab2");
//        tab2.setIndicator("第二页", getResources().getDrawable(R.drawable.i2));// 指定标签
        tab2.setIndicator(createView("第二页")); // 自定义标签
        tab2.setContent(R.id.line2);// 指定标签页的内容
        mTabHost.addTab(tab2);
        
        TabSpec tab3 = mTabHost.newTabSpec("tab3");
//        tab3.setIndicator("第三页", getResources().getDrawable(R.drawable.i7));// 指定标签
        tab3.setIndicator(createView("第三页")); // 自定义标签
        tab3.setContent(R.id.line3);// 指定标签页的内容
        mTabHost.addTab(tab3);
    }
    
    private View createView(String text){
        View view = View.inflate(getApplicationContext(), R.layout.tab, null);
        TextView  tv_title = (TextView) view.findViewById(R.id.tv_title);
        tv_title.setText(text);
        return view;
    }


}