Android控件之TabHost

Android实现Tab视图有两种方法：一种是在布局页面中定义<tabhost>标签，另一种就是继承TabActivity.相对于第一种，第二种实现起来比较简单。这里就只介绍一下第二种方式。

阶段一：布局（XML文件）：

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <ImageView 
        android:id="@+id/tab1"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:src="@drawable/image1"/>
    <ImageView 
        android:id="@+id/tab2"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:src="@drawable/image2"/>
    <ImageView
        android:id="@+id/tab3"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:src="@drawable/image3"/>

</FrameLayout>

阶段二：让MainActivity继承TabActivity,具体代码如下：

package com.lks.tabtest;

import android.os.Bundle;
import android.app.Activity;
import android.app.TabActivity;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.TabHost;
import android.support.v4.app.NavUtils;

public class MainActivity extends TabActivity {

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		//获取选项卡组
		TabHost tabHost = getTabHost();
		//引用布局文件
		LayoutInflater.from(this).inflate(R.layout.main,
				tabHost.getTabContentView());
		//将tab对象放入tabHost中
		tabHost.addTab(tabHost
				.newTabSpec("tab1")
				.setIndicator("",
						getResources().getDrawable(R.drawable.image1))
				.setContent(R.id.tab1));
		tabHost.addTab(tabHost
				.newTabSpec("tab2")
				.setIndicator("",
						getResources().getDrawable(R.drawable.image2))
				.setContent(R.id.tab2));
		tabHost.addTab(tabHost
				.newTabSpec("tab3")
				.setIndicator("",
						getResources().getDrawable(R.drawable.image3))
				.setContent(R.id.tab3));

	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

}

Tab页之间的切换。结果显示：