TabHost--选项卡案例

           

页面布局content_main.xml

<? xml version= "1.0" encoding= "utf-8" ?>
<TabHost xmlns: android ="http://schemas.android.com/apk/res/android"
   android :layout_width= "match_parent"
    android :layout_height= "match_parent"
    android :layout_weight= "1"
    android :id= "@android:id/tabhost"
    >
    <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= "match_parent" >
            <!--定义第一个标签的内容-->
            <LinearLayout
                android:orientation= "vertical"
                android:id= "@+id/tab01"
                android:layout_width= "match_parent"
                android:layout_height= "match_parent" >
                <TextView
                    android:id= "@+id/textView01"
                    android:layout_width= "match_parent"
                    android:layout_height= "wrap_content"
                    android:text= "这是已接电话的页面" />
                <TextView
                    android:text= "这是已接电话的页面，好多接过电话的联系人啊，哒哒哒！"
                    android:id= "@+id/textView02"
                    android:layout_width= "match_parent"
                    android:layout_height= "wrap_content" />
            </LinearLayout>

            <LinearLayout
                android:orientation= "vertical"
                android:id= "@+id/tab02"
                android:layout_width= "match_parent"
                android:layout_height= "match_parent" >
                <TextView
                    android:id= "@+id/textView03"
                    android:text= "这是呼出电话的页面"
                    android:layout_width= "match_parent"
                    android:layout_height= "wrap_content" />
                <TextView
                    android:text= "这是呼出电话的页面,打给了好多联系人的电话，么么哒！"
                    android:id= "@+id/textView04"
                    android:layout_width= "match_parent"
                    android:layout_height= "wrap_content" />
            </LinearLayout>

            <LinearLayout
                android:orientation= "vertical"
                android:id= "@+id/tab03"
                android:layout_width= "match_parent"
                android:layout_height= "match_parent" >
                <TextView
                    android:text= "这是未接电话页面"
                    android:id= "@+id/textView05"
                    android:layout_width= "match_parent"
                    android:layout_height= "wrap_content" />
                <TextView
                    android:text= "这是未接电话页面,好多人打电话给我，没接到怎么办，嘤嘤嘤！"
                    android:id= "@+id/textView06"
                    android:layout_width= "match_parent"
                    android:layout_height= "wrap_content" />
            </LinearLayout>

        </FrameLayout>
    </LinearLayout>
</TabHost>

主程序TabHostTest

package com.eson.tabhost ;

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

public class TabHostTest extends TabActivity {

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

        //获取该Activity里面的TabHost组件
        TabHost tabHost=getTabHost() ;
        //创建第一个Tab页
        TabHost.TabSpec tab1=tabHost.newTabSpec( "tab1" )
                .setIndicator( "已接电话" ) //设置标题
                .setContent(R.id. tab01) ;   //设置内容
        //添加第一个标签页
        tabHost.addTab(tab1) ;

        TabHost.TabSpec tab2=tabHost.newTabSpec( "tab2" )
                //在标签标题上放置图标
                .setIndicator("呼出电话" , getResources()
                .getDrawable(R.drawable. callphone))
                .setContent(R.id. tab02) ;
        //添加第二个标签页
        tabHost.addTab(tab2) ;

        TabHost.TabSpec tab3=tabHost.newTabSpec( "tab3" )
                .setIndicator( "未接电话" )
                .setContent(R.id. tab03) ;
        //添加第三个标签页
        tabHost.addTab(tab3) ;

    }
}