在安卓開發的UI設計中，為了使介面更加清晰、美觀，我們經常用到選項卡來達到在一個介面中實現不同介面的切換。選項卡主要是由TabHost、TabWidget和FrameLayout三個元件組成，用於實現一個多標籤頁的使用者介面，通過它可以將一個複雜的對話方塊分割成若干個標籤頁，實現對資訊的分類顯示和管理。使用該元件不僅可以使介面簡潔大方，還可以有效地減少窗體的個數。下面，以“慧辦公”專案中“輔助辦公”模組為例來說明實現選項卡的一般步驟：
（1）在佈局檔案中新增實現選項卡所需的TabHost、TabWidget和FrameLayout元件；

<?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">
      <LinearLayout 
            android:orientation="vertical"
            android:background="#F7F5F4"
 

            android:layout_width="fill_parent"
            android:layout_height="fill_parent">
           <include
               android:id="@+id/QD_Head"
               android:layout_width="fill_parent"
               android:layout_height="40dp"
               layout="@layout/head_title" />
 


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

（2）編寫各標籤頁中要顯示內容所對應的XML佈局檔案；
（3）在Activity中獲取並初始化TabHost元件；

tabhost=(TabHost)findViewById(android.R.id.tabhost);
tabhost.setup();                            //初始化TabHost元件

（4）為TabHost物件新增標籤頁；

LayoutInflater inflater=LayoutInflater.from(this);
        inflater.inflate(R.layout.tab1,tabhost.getTabContentView());
inflater.inflate(R.layout.tab2, tabhost.getTabContentView());
tabhost.addTab(tabhost.newTabSpec("tab1").setIndicator("已到人員").setContent(R.id.linearlayout1));         //新增第一個標籤頁
tabhost.addTab(tabhost.newTabSpec("tab2").setIndicator("缺勤人員").setContent(R.id.linearlayout2));         //新增第二個標籤頁