1.概念

盛放Tab的容器就是TabHost。TabHost的实现有两种方式：

第一种继承TabActivity，从TabActivity中用getTabHost()方法获取TabHost。各个Tab中的内容在布局文件中定义就行了。

第二种方式，不继承TabActivity，在布局文件中定义TabHost即可，但是TabWidget的id必须是@android:id/tabs，FrameLayout的id必须是@android:id/tabcontent。

2.案例

1)继承TabActivity

res/layout/main.xml

HelloTabHost.java

public class HelloTabHost extends TabActivity {

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

//调用TabActivity的getTabHost()方法获取TabHost对象

TabHost tabHost = getTabHost();

//设置使用TabHost布局

LayoutInflater.from(this).inflate(R.layout.main, tabHost.getTabContentView(),true);

//添加第一个标签页

tabHost.addTab(tabHost.newTabSpec("tab01").setIndicator("已接电话").setContent(R.id.tab01));

//添加第二个标签页,并在其标签上添加一个图片

tabHost.addTab(tabHost.newTabSpec("tab02").setIndicator("未接电话",getResources().getDrawable(R.drawable.icon)).setContent(R.id.tab02));

//添加第三个标签页

tabHost.addTab(tabHost.newTabSpec("tab03").setIndicator("已拨电话").setContent(R.id.tab03));

}

}运行效果图：

2)不继承TabActivity

继承普通Activity，标签id必须为tabs、标签id必须为tabcontent.这个方式在通过findViewById获得TabHost之后，必须要调用setup方法。

main.xml代码

android:layout_height="wrap_content" />

Activity中代码：

public class TabHostTest extends Activity {

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

// 获取TabHost对象

TabHost tabHost = (TabHost) findViewById(R.id.tabhost);

// 如果没有继承TabActivity时，通过该种方法加载启动tabHost

tabHost.setup();

tabHost.addTab(tabHost.newTabSpec("tab1").setIndicator("第一个标签",

getResources().getDrawable(R.drawable.icon)).setContent(

R.id.view1));

tabHost.addTab(tabHost.newTabSpec("tab3").setIndicator("第三个标签")

.setContent(R.id.view3));

tabHost.addTab(tabHost.newTabSpec("tab2").setIndicator("第二个标签")

.setContent(R.id.view2));

}

}

效果图：

自定义TabHost的 TabWidget:

define.xml:

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:background="@drawable/bg"

android:orientation="vertical"

android:gravity="center"

>

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:src="@drawable/ic_launcher"

/>

android:id="@+id/tv"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

/>

在Activity中的使用：

private View getView(String name){

LayoutInflater inflater = getLayoutInflater();

View v = inflater.inflate(R.layout.define, null);

TextView tv = (TextView) v.findViewById(R.id.tv);

tv.setText(name);

return v;

}

在tabHost中的设置头部的TabWidget:

TabSpec tab1 = tabHost.newTabSpec("one");

tab1.setIndicator(getView("首页")); //设置自定义的TabWidget

效果图：