TabHost选项卡的功能和用法-Android学习笔记

TabHost可以很方便地在窗口上放置多个标签页，每个标签页相当于获得了一个外部容器相同大小的组件摆放区域

TabHost的主要组件是：

TabWiget：代表一个选项卡标签条

TabSpec：代表选项卡的一个Tab页

TabHost的基本用法：
1，在界面布局中定义TabHost组件，并未改组件定义该选项卡的内容
2，继承TabActivity
3，调用TabActivity的getTabHost()方法获取TabHost对象（获取）
4，TabHost对象的addTab方法创建，添加选项卡（添加）

activity_main.xml


<?xml version="1.0" encoding="utf-8"?>

<!--TabHost布局文件的结构： 
    1，TabHost容器必须包含TabWidget，FrameLayout
    2，FrameLayout则用于“层叠”组合多个选项页面，TabWidget定义选项卡的标题条，随FrameLayout中的层叠组件均分
    3，三个组件的ID有要求：
        TabHost的ID必须是android:id="@android:id/tabhost"
        TabWidget的ID必须是 android:id="@android:id/tabs"
        FrameLayout的ID必须是  android:id="@android:id/tabcontent"

 -->
<!-- 定义一个TabHost， ID必须是android提供的ID，android: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="match_parent"
    android:layout_weight="1"
   >
 
 <LinearLayout 
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <!-- 定义一个TabWiget选项卡标题条，ID必须是android提供的ID，android:id="@android:id/tabs" -->

    <TabWidget
        android:id="@android:id/tabs"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" />
  
    <!-- 定义一个帧布局FrameLayout，代表一个Tab页面，ID必须是android提供的ID， android:id="@android:id/tabcontent" -->
    <FrameLayout 
        android:id="@android:id/tabcontent"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        >
        <!-- 当然可以放其他复杂的布局 -->
       <LinearLayout 
          android:id="@+id/tab01"
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:orientation="vertical"> 
            <TextView 
              android:layout_width="match_parent"
              android:layout_height="match_parent" 
              android:text="第一个Tab页"
              android:textSize="20dp"
                />
      </LinearLayout>
       <LinearLayout 
          android:id="@+id/tab02" 
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:orientation="vertical"> 
           <TextView 
              android:layout_width="match_parent"
              android:layout_height="match_parent" 
              android:text="第二个Tab页"
              android:textSize="20dp"
                />
      </LinearLayout>
        
        <LinearLayout 
          android:id="@+id/tab03"  
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:orientation="vertical"> 
              <TextView 
              android:layout_width="match_parent"
              android:layout_height="match_parent" 
              android:text="第三个Tab页"
              android:textSize="20dp"
                />
      </LinearLayout>        
    </FrameLayout>     
</LinearLayout>
    
</TabHost>

TabHost布局文件的特点是：

TabHost布局文件的结构：
1，TabHost容器必须包含TabWidget，FrameLayout
2，FrameLayout则用于“层叠”组合多个选项页面，TabWidget定义选项卡的标题条，随FrameLayout中的层叠组件均分
3，三个组件的ID有要求：
TabHost的ID必须是android:id="@android:id/tabhost"
TabWidget的ID必须是 android:id="@android:id/tabs"
FrameLayout的ID必须是 android:id="@android:id/tabcontent"
MainActivity.java


package com.example.tabhosttest;

import android.app.Activity;
import android.app.TabActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.TabHost;
import android.widget.TabHost.TabSpec;


public class MainActivity extends TabActivity {//继承的是TabActivity
	/*TabHost的基本用法：
	 * 1，在界面布局中定义TabHost组件，并未改组件定义该选项卡的内容
	 * 2，继承TabActivity
	 * 3，调用TabActivity的getTabHost()方法获取TabHost对象
	 * 4，TabHost对象的addTab方法创建，添加选项卡
	 * */

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //获取该activity里面的TabHost组件
        TabHost tabhost=getTabHost();
        
        //创建第一个tab页对象，TabSpec代表一个选项卡页面，要设置标题和内容，内容是布局文件中FrameLayout中
        TabSpec tab1=tabhost.newTabSpec("tab1");
        tab1.setIndicator("已接电话");//设置标题
        tab1.setContent(R.id.tab01);//设置内容
        //添加tab页
        tabhost.addTab(tab1);
        
        //创建第二个tab页对象
        TabSpec tab2=tabhost.newTabSpec("tab1");
        tab2.setIndicator("已拨电话");//设置标题
        tab2.setContent(R.id.tab02);//设置内容
        //添加tab页
        tabhost.addTab(tab2);
        
        //创建第三个tab页对象
        TabSpec tab3=tabhost.newTabSpec("tab1");
        tab3.setIndicator("未接电话");//设置标题
        tab3.setContent(R.id.tab03);//设置内容
         //添加tab页
        tabhost.addTab(tab3);
        
        
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();
        if (id == R.id.action_settings) {
            return true;
        }
        return super.onOptionsItemSelected(item);
    }
}

TabHost选项卡的 功能和用法

TabHost选项卡的功能和用法