android TabHost使用方法

android 实现tab视图有2种方法，一种是在布局页面中定义<tabhost>标签,另一种就是继承tabactivity。如果页面比较复杂的话XML文件会写得比较庞大，用第二种方式XML页面相对要简洁得多。通过XML文件可以很方便的进行页面布局但，比如可以把 tab 的位置放在屏幕的下方。

先看继承方法：
XML文件：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/linearLayout1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >

<TextView
android:id="@+id/textView1"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>

<FrameLayout
android:layout_width="match_parent"
android:layout_height="400dp" >

<LinearLayout
android:id="@+id/linearLayout2"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >

<TextView
android:id="@+id/tab1"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>

<TextView
android:id="@+id/tab2"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>

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


Java代码：
public class TabtestActivity extends TabActivity {
TabHost mTabHost;
TextView tv,tv1,tv2,tv3;

public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);

//取得TabHost对象
mTabHost = this.getTabHost();
LayoutInflater.from(this).inflate(R.layout.main,mTabHost.getTabContentView(), true);

tv = (TextView)findViewById(R.id.textView1);
tv.setText("Tab测试！");
tv1 = (TextView)findViewById(R.id.tab1);
tv2 = (TextView)findViewById(R.id.tab2);

//新建一个newTabSpec(newTabSpec)
//设置其标签和图标(setIndicator)
//设置内容(setContent)
mTabHost.addTab(mTabHost.newTabSpec("tab_test1")
.setIndicator("TAB 1")
.setContent(R.id.linearLayout2));
mTabHost.addTab(mTabHost.newTabSpec("tab_test2")
.setIndicator("TAB 2")
.setContent(R.id.linearLayout2));
mTabHost.addTab(mTabHost.newTabSpec("tab_test3")
.setIndicator("TAB 3")
.setContent(R.id.linearLayout2));

//设置TabHost的背景颜色
mTabHost.setBackgroundColor(Color.argb(150, 22, 70, 150));
//设置TabHost的背景图片资源
mTabHost.setBackgroundResource(R.drawable.bg0);

//设置当前显示哪一个标签
mTabHost.setCurrentTab(0);

//标签切换事件处理，setOnTabChangedListener
mTabHost.setOnTabChangedListener(new OnTabChangeListener()
{
public void onTabChanged(String tabId)
{
tv1.setText("Tab测试"+ tabId +"！");
tv2.setText("Tab测试"+ tabId +"！");
}
});

setContentView(mTabHost);
}
}

继承时先让自己的类继承TabActivity，然后通过调用getTabHost()方法得到tabhost对象，然后把自己写好的数据展示的布局文件加载到tabhost中，就可以实现了。最后是通过调用addTab（）方法添加标签的相关属性（如：标签名称，标签图片，标签内容布局）。

XML布局方法：
XML文件：
<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/tabhost"
android:layout_width="match_parent"
android:layout_height="match_parent" >

<LinearLayout
android:id="@+id/linearLayout1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >

<TextView
android:id="@+id/textView1"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>

<FrameLayout
android:id="@android:id/tabcontent"
android:layout_width="match_parent"
android:layout_height="400dp" >

<LinearLayout
android:id="@+id/linearLayout2"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >

<TextView
android:id="@+id/tab1"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>

<TextView
android:id="@+id/tab2"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>

</LinearLayout>

</FrameLayout>

<TabWidget
android:id="@android:id/tabs"
android:layout_width="match_parent"
android:layout_height="wrap_content" >
</TabWidget>
</LinearLayout>
</TabHost>

Java代码：
public class TabtestActivity extends Activity {
TabHost mTabHost;
TextView tv,tv1,tv2,tv3;

public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

//取得TabHost对象
mTabHost = (TabHost)findViewById(R.id.tabhost);
mTabHost.setup();

tv = (TextView)findViewById(R.id.textView1);
tv.setText("Tab测试！");
tv1 = (TextView)findViewById(R.id.tab1);
tv2 = (TextView)findViewById(R.id.tab2);

//新建一个newTabSpec(newTabSpec)
//设置其标签和图标(setIndicator)
//设置内容(setContent)
mTabHost.addTab(mTabHost.newTabSpec("tab_test1")
.setIndicator("TAB 1")
.setContent(R.id.linearLayout2));
mTabHost.addTab(mTabHost.newTabSpec("tab_test2")
.setIndicator("TAB 2")
.setContent(R.id.linearLayout2));
mTabHost.addTab(mTabHost.newTabSpec("tab_test3")
.setIndicator("TAB 3")
.setContent(R.id.linearLayout2));

//设置TabHost的背景颜色
mTabHost.setBackgroundColor(Color.argb(150, 22, 70, 150));
//设置TabHost的背景图片资源
mTabHost.setBackgroundResource(R.drawable.bg0);

//设置当前显示哪一个标签
mTabHost.setCurrentTab(0);

//标签切换事件处理，setOnTabChangedListener
mTabHost.setOnTabChangedListener(new OnTabChangeListener()
{
public void onTabChanged(String tabId)
{
tv1.setText("Tab测试"+ tabId +"！");
tv2.setText("Tab测试"+ tabId +"！");
}
});
}
}

而如果通过XML文件配置tabHost则需要注意的是，根布局必须是 TabHost，并且只有TabHost的d可以是自定义的，framelayout、tabwidge标签的id都必须引用系统的id@android:id/tabcontent,@android:id/tabs），不然会报异常。在程序中使用findViewById()加载tabhost，然后调用tabhost.setup()方法初始化tabhost，后面的步骤则和上面一样。