TabHost主要特点是能够在一个窗体中显示多组标签栏的内容，在Android系统之中每一个标签栏就称为一个Tab。而包括这多个标签栏的容器就将其称为TabHost。TabHost类的继承结构例如以下所看到的：

java.lang.Object

↳ android.view.View

↳ android.view.ViewGroup

↳ android.widget.FrameLayout

         ↳ android.widget.TabHost 

经常用法例如以下所看到的

1	public TabHost(Context context)	构造	创建TabHost类对象
2	public void addTab(TabHost.TabSpec tabSpec)	普通	添加一个Tab
3	public TabHost.TabSpec newTabSpec(String tag)	普通	创建一个TabHost.TabSpec对象
4	public View getCurrentView()	普通	取得当前的View对象
5	public void setup()	普通	建立TabHost对象
6	public void setCurrentTab(int index)	普通	设置当前显示的Tab编号
7	public void setCurrentTabByTag(String tag)	普通	设置当前显示的Tab名称
8	public FrameLayout getTabContentView()	普通	返回标签容器
9	public void setOnTabChangedListener (TabHost.OnTabChangeListener l)	普通	设置标签改变时触发

两种方式实现TabHost

第一种方式让一个类继承tabActivity

XMl文件 配置须要在一个xml文件里嵌套使用布局 来达到不同Tab中显示不同的内容

<?

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:orientation="vertical" > <LinearLayout android:layout_marginTop="50dp" android:id="@+id/login" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <TableRow android:id="@+id/tableRow1" android:layout_width="match_parent" android:layout_height="wrap_content" > <TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="账号" /> <EditText android:id="@+id/editText1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:ems="10" android:textSize="25sp" /> </TableRow> <TableRow android:id="@+id/tableRow2" android:layout_width="match_parent" android:layout_height="wrap_content" > <TextView android:id="@+id/textView2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="password" /> <EditText android:id="@+id/editText2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:ems="10" android:textSize="25sp" /> </TableRow> <TableRow android:id="@+id/tableRow3" android:layout_width="match_parent" android:layout_height="wrap_content" > <Button android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text="取消" /> <Button android:id="@+id/button2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text="登录" /> </TableRow> </LinearLayout> <LinearLayout android:layout_marginTop="50dp" android:id="@+id/image" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/a2" /> </LinearLayout> <LinearLayout android:layout_marginTop="50dp" android:id="@+id/timer" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <TimePicker android:layout_width="match_parent" android:layout_height="wrap_content" /> </LinearLayout> <LinearLayout android:layout_marginTop="50dp" android:id="@+id/timer1" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <TimePicker android:layout_width="match_parent" android:layout_height="wrap_content" /> </LinearLayout> <LinearLayout android:layout_marginTop="50dp" android:id="@+id/timer2" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <TimePicker android:layout_width="match_parent" android:layout_height="wrap_content" /> </LinearLayout> </LinearLayout>

JAVA文件设置

package com.example.tabhost;import android.app.TabActivity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.widget.TabHost;
import android.widget.TabHost.TabSpec;public class MainActivity extends TabActivity {private TabHost tabHost;//初始化TabHost组件private int reslayout[] = { R.id.login, R.id.image, R.id.timer , R.id.timer1,R.id.timer2};//设置相应的额xml文件private int images[]={R.drawable.cart,R.drawable.cloud,R.drawable.comment,R.drawable.gear,R.drawable.joystick};//设置显示的标题文件@SuppressWarnings("deprecation")@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);this.tabHost = super.getTabHost();//实例化TabHost组件// 取得LayoutInflater对象LayoutInflater.from(this).inflate(R.layout.linearlayout,//制定布局this.tabHost.getTabContentView(),//制定标签添加的容器 true);for (int i = 0; i < reslayout.length; i++) {TabSpec myTab = tabHost.newTabSpec("tab" + i);// 定义TabSpecmyTab.setIndicator(null,getResources().getDrawable(images[i])) ;       // 设置标签myTab.setContent(this.reslayout[i]) ;        // 设置显示的组件this.tabHost.addTab(myTab) ;}}}

效果图例如以下

---

使用配置文件设置。

这样的方法较为常见，能够讲TabHost置于底部

可是布局文件较为复杂，大家能够參照样例进行详细的学习

XML文件

<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"android:id="@+id/tabhost" android:orientation="vertical"android:layout_width="fill_parent" android:layout_height="fill_parent"><RelativeLayout android:orientation="vertical"android:layout_width="fill_parent" android:layout_height="fill_parent"><TabWidget android:id="@android:id/tabs"android:layout_width="fill_parent" android:layout_height="wrap_content"android:layout_alignParentBottom="true" /><FrameLayout android:id="@android:id/tabcontent"android:layout_width="fill_parent" android:layout_height="fill_parent"> <LinearLayoutandroid:id="@+id/login"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical" ><TableRowandroid:id="@+id/tableRow1"android:layout_width="match_parent"android:layout_height="wrap_content" ><TextViewandroid:id="@+id/textView1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="账号" /><EditTextandroid:id="@+id/editText1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:ems="10"android:textSize="25sp" /></TableRow><TableRowandroid:id="@+id/tableRow2"android:layout_width="match_parent"android:layout_height="wrap_content" ><TextViewandroid:id="@+id/textView2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="password" /><EditTextandroid:id="@+id/editText2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:ems="10"android:textSize="25sp" /></TableRow><TableRowandroid:id="@+id/tableRow3"android:layout_width="match_parent"android:layout_height="wrap_content" ><Buttonandroid:id="@+id/button1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_weight="1"android:text="取消" /><Buttonandroid:id="@+id/button2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_weight="1"android:text="登录" /></TableRow></LinearLayout><LinearLayoutandroid:id="@+id/image"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical" ><ImageViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@drawable/a2" /></LinearLayout><LinearLayoutandroid:id="@+id/timer"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical" ><TimePickerandroid:layout_width="match_parent"android:layout_height="wrap_content" /></LinearLayout><LinearLayoutandroid:id="@+id/timer1"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical" ><TimePickerandroid:layout_width="match_parent"android:layout_height="wrap_content" /></LinearLayout><LinearLayoutandroid:id="@+id/timer2"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical" ><TimePickerandroid:layout_width="match_parent"android:layout_height="wrap_content" /></LinearLayout></FrameLayout></RelativeLayout >
</TabHost>

JAVA文件配置

package com.example.tabhost;import android.os.Bundle;
import android.app.Activity;
import android.widget.TabHost;
import android.widget.TabHost.TabSpec;public class MainActivity extends Activity {          // 直接继承Activityprivate TabHost myTabHost;                           // 定义TabHostprivate int[] layRes = { R.id.login, R.id.image , R.id.timer, R.id.timer1, R.id.timer2 };                          // 定义内嵌布局管理器IDprivate int images[]={R.drawable.cart,R.drawable.cloud,R.drawable.comment,R.drawable.gear,R.drawable.joystick};//标题图片数据@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);super.setContentView(R.layout.activity_main) ;          // 调用默认布局管理器this.myTabHost = (TabHost) super.findViewById(R.id.tabhost); // 取得TabHost对象this.myTabHost.setup() ;                        // 建立TabHost对象for (int x = 0; x < this.layRes.length; x++) {  // 循环取出全部布局标记TabSpec myTab = myTabHost.newTabSpec("tab" + x);   // 定义TabSpecmyTab.setIndicator(null,getResources().getDrawable(images[x])) ;            // 设置标签文字myTab.setContent(this.layRes[x]) ;         // 设置显示的组件this.myTabHost.addTab(myTab) ;                // 添加标签}this.myTabHost.setCurrentTab(0) ;               // 设置開始索引}
}

使用TabHost组件设置Tab切换与intent的结合在开发中较经常使用到，是app开发框架的基础

下节预报：

Menu菜单