Android之TabHost的几种使用方法

1，Activity要继承TabActivity，使用LayoutInflater方式来初始化布局文件。

main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent" android:layout_height="fill_parent">
<LinearLayout android:id="@+id/tab01"
android:layout_width="fill_parent" android:layout_height="fill_parent"
android:gravity="center_horizontal" android:orientation="vertical">
<TextView android:id="@+id/tv01" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:textSize="24dip"
android:text="这是选项卡一，你课可以在这里添加你要显示的控件" />

</LinearLayout>

<LinearLayout android:id="@+id/tab02"
android:layout_width="fill_parent" android:layout_height="fill_parent"
android:gravity="center_horizontal" android:orientation="vertical">
<TextView android:id="@+id/tv02" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:textSize="24dip"
android:text="这是选项卡二，你课可以在这里添加你要显示的控件" />
</LinearLayout>

<LinearLayout android:id="@+id/tab03"
android:layout_width="fill_parent" android:layout_height="fill_parent"
android:gravity="center_horizontal" android:orientation="vertical">
<TextView android:id="@+id/tv03" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:textSize="24dip"
android:text="这是选项卡三，你课可以在这里添加你要显示的控件" />
</LinearLayout>

</LinearLayout>

TabHostActivity.java

package com.test;

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

public class TabHostActivity extends TabActivity {
/** Called when the activity is first created. */
TabHost myTabHost ;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//   setContentView(R.layout.main);

myTabHost=this.getTabHost();
LayoutInflater.from(this).inflate(R.layout.main, myTabHost.getTabContentView(), true);

myTabHost.addTab(myTabHost.newTabSpec("选项卡一").setIndicator("选项卡一",
getResources().getDrawable(R.drawable.icon)).setContent(R.id.tab01));

myTabHost.addTab(myTabHost.newTabSpec("选项卡二").setIndicator("选项卡二",
getResources().getDrawable(R.drawable.icon)).setContent(R.id.tab02));

myTabHost.addTab(myTabHost.newTabSpec("选项卡三").setIndicator("选项卡三",
getResources().getDrawable(R.drawable.icon)).setContent(R.id.tab03));

}
}

2，同样继承TabActivity，但是选项卡的内容则是跳转到不同的activity。

mian.xml

<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@android:id/tabhost" android:layout_width="fill_parent"
android:layout_height="fill_parent">
<LinearLayout android:orientation="vertical"
android:layout_width="fill_parent" android:layout_height="fill_parent"
android:padding="5dp">
<TabWidget android:id="@android:id/tabs"
android:layout_width="fill_parent" android:layout_height="wrap_content" />
<FrameLayout android:id="@android:id/tabcontent"
android:layout_width="fill_parent" android:layout_height="fill_parent"
android:padding="5dp" />
</LinearLayout>
</TabHost>

注意：tabhost中的id，tabwidget的id以及framelayout的id

TabHostActivity.java

package com.test;

import android.app.TabActivity;
import android.content.Intent;
import android.content.res.Resources;
import android.os.Bundle;
import android.widget.TabHost;

public class TabHostActivity extends TabActivity {
/** Called when the activity is first created. */
TabHost myTabHost ;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

//得到TabHost对象，正对TabActivity的操作通常都有这个对象完成
TabHost tabHost = getTabHost();
//生成一个Intent对象，该对象指向一个Activity
Intent activity1Intent = new Intent();
activity1Intent.setClass(this, Activity1.class);
//生成一个TabSpec对象，这个对象代表了一个页
TabHost.TabSpec activity1Spec = tabHost.newTabSpec("选项卡一");
Resources res = getResources();
//设置该页的indicator , 这里使用了系统自动的图片资源
activity1Spec.setIndicator("选项卡一", res.getDrawable(android.R.drawable.stat_sys_download));
//设置该页的内容
activity1Spec.setContent(activity1Intent);
//将设置好的TabSpec对象添加到TabHost当中
tabHost.addTab(activity1Spec);

Intent activity2Intent = new Intent();
activity2Intent.setClass(this, Activity2.class);
TabHost.TabSpec activity2Spec = tabHost.newTabSpec("选项卡二");
activity2Spec.setIndicator("选项卡二", res.getDrawable(android.R.drawable.stat_sys_upload));
activity2Spec.setContent(activity2Intent);
tabHost.addTab(activity2Spec);

}
}

注意：选项卡中的两个activity的代码就不贴上了。



3，不继承TabActivity。

main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/hometabs"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<TabHost android:id="@+id/tabhost"
android:layout_width="fill_parent"
android:layout_height="wrap_content">
<LinearLayout
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent">

<TabWidget android:id="@android:id/tabs"
android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="wrap_content">
</TabWidget>

<FrameLayout android:id="@android:id/tabcontent"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<TextView android:id="@+id/view1"
android:layout_width="fill_parent"
android:layout_height="fill_parent" android:text="这里是选项卡一"/>
<TextView android:id="@+id/view2"
android:layout_width="fill_parent"
android:layout_height="fill_parent" android:text="这里是选项卡二"/>
<TextView android:id="@+id/view3"
android:layout_width="fill_parent"
android:layout_height="fill_parent" android:text="这里是选项卡三"/>
</FrameLayout>

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

TabHostActivity.java

package com.test;

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

public class TabHostActivity extends Activity {
/** Called when the activity is first created. */
TabHost myTabHost ;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
TabHost tabHost = (TabHost) findViewById(R.id.tabhost);
tabHost.setup();
tabHost.addTab(tabHost
.newTabSpec("选项二")
.setIndicator("选项二",
getResources().getDrawable(R.drawable.icon))
.setContent(R.id.view1));

tabHost.addTab(tabHost
.newTabSpec("选项二")
.setIndicator("选项二",
getResources().getDrawable(R.drawable.icon))
.setContent(R.id.view2));

tabHost.addTab(tabHost
.newTabSpec("选项三")
.setIndicator("选项三",
getResources().getDrawable(R.drawable.icon))
.setContent(R.id.view3));
}
}