Android UI控件系列：TabWidget（切换卡）

本文主要是介绍Android UI控件系列：TabWidget（切换卡），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

Tab选项卡类似与电话本的界面，通过多个标签切换不同的内容，要实现这个效果，首先要知道TabHost，它是一个用来存放多个Tab标签的容器，每一个Tab都可以对应自己的布局，比如，电话本中的Tab布局就是一个线性布局

要使用TabHost，首先要通过getTabHost方法获取TabHost的对象，然后通过addTab方法来向TabHost中添加Tab，当然每个Tab在切换时都会产生一个事件，要捕捉这个事件，需要设置TabActivity的事件监听setOnTabChangedListener

下面是个小例子：

TabTest.java

package org.hualang.tab;import android.app.Activity;
import android.app.TabActivity;
import android.graphics.Color;
import android.os.Bundle;
import android.widget.TabHost;
import android.widget.Toast;
import android.widget.TabHost.OnTabChangeListener;public class TabTest extends TabActivity {/** Called when the activity is first created. */TabHost tabhost;@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.main);//取得TabHost对象tabhost = getTabHost();//为TabHost添加标签//新建一个newTabSpec(newTabSpec)//设置其标签和图标（setIndicator）//设置内容（setContent）tabhost.addTab(tabhost.newTabSpec("tab1").setIndicator("TAB 1",getResources().getDrawable(R.drawable.img1)).setContent(R.id.text1));tabhost.addTab(tabhost.newTabSpec("tab2").setIndicator("TAB 2",getResources().getDrawable(R.drawable.img2)).setContent(R.id.text2));tabhost.addTab(tabhost.newTabSpec("tab3").setIndicator("TAB 3",getResources().getDrawable(R.drawable.img3)).setContent(R.id.text3));//设置TabHost的背景颜色//tabhost.setBackgroundColor(Color.argb(150,22,70,150));//设置TabHost的背景图片资源tabhost.setBackgroundResource(R.drawable.bg0);//设置当前显示哪个标签tabhost.setCurrentTab(0);//标签切换事件处理，setOnTabChangedListenertabhost.setOnTabChangedListener(new OnTabChangeListener(){public void onTabChanged(String tabId){Toast toast=Toast.makeText(getApplicationContext(), "现在是"+tabId+"标签", Toast.LENGTH_SHORT);toast.show();}});}
}

main.xml

<?xml version="1.0" encoding="utf-8"?>
<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"><LinearLayoutandroid:orientation="vertical"android:layout_width="fill_parent"android:layout_height="fill_parent"><TabWidgetandroid:id="@android:id/tabs"android:layout_width="fill_parent"android:layout_height="wrap_content" /><FrameLayoutandroid:id="@android:id/tabcontent"android:layout_width="fill_parent"android:layout_height="fill_parent"><TextViewandroid:id="@+id/text1"android:layout_width="fill_parent"android:layout_height="fill_parent"android:text="选项卡1" /><TextViewandroid:id="@+id/text2"android:layout_width="fill_parent"android:layout_height="fill_parent"android:text="选项卡2" /><TextViewandroid:id="@+id/text3"android:layout_width="fill_parent"android:layout_height="fill_parent"android:text="选项卡3" /></FrameLayout></LinearLayout>
</TabHost>

运行效果如下：