TabHost效果圖 :

一. TabHost介紹

TabHost組件可以在界面中存放多個選項卡, 很多軟件都使用了改組件進行設(shè)計;

1. TabHost常用組件

TabWidget : 該組件就是TabHost標簽頁中上部 或者 下部的按鈕, 可以點擊按鈕切換選項卡;

TabSpec : 代表了選項卡界面, 添加一個TabSpec即可添加到TabHost中;

-- 創(chuàng)建選項卡 : newTabSpec(String tag), 創(chuàng)建一個選項卡;

-- 添加選項卡 : addTab(tabSpec);

2. TabHost使用步驟

a. 定義布局 : 在XML文件中 使用TabHost組件 , 并在其中 定義一個FrameLayout選項卡 內(nèi)容;

b. 繼承TabActivity : 顯示選項卡組件的Activity 繼承TabActivity ;

c. 獲取組件 : 通過調(diào)用 getTabHost()方法 , 獲取TabHost對象;

d. 創(chuàng)建添加選項卡 : 通過TabHost創(chuàng)建添加選項卡;

3. 將按鈕放到下面

布局文件中TabWidget代表的就是選項卡按鈕, Fragement組件代表內(nèi)容;

設(shè)置失敗情況 : 如果Fragement組件沒有設(shè)置 android:layout_weight屬性, 那么將TabWidget放到下面, 可能不會顯示按鈕;

設(shè)置權(quán)重 : 設(shè)置了Fragment組件的權(quán)重之后, 就可以成功顯示該選項卡按鈕;

二. TabHost布局文件

1. 根標簽及id

設(shè)置Android自帶id : XML布局文件中, 可以使用<TabHost> 標簽設(shè)置, 其中的id 需要引用 android的自帶id :android:id="@android:id/tabhost" ;

getHost()獲取前提 : 設(shè)置了該id之后, 在Activity界面可以使用 getHost(), 獲取這個TabHost 視圖對象;

示例 :

2. TabWidget組件

選項卡切換 : 該組件是選項卡切換按鈕, 通過點擊該組件可以切換選項卡;

設(shè)置android自帶id : 這個組件的id要設(shè)置成android的自帶id :android:id="@android:id/tabs" ;

TabHost必備組件 : 該組件與FrameLayout組件是TabHost組件中必備的兩個組件;

切換按鈕下方顯示 : 如果想要將按鈕放到下面, 可以將該組件定義在下面, 但是注意, FrameLayout要設(shè)置android:layout_widget = "1" ;

設(shè)置TabWidget大小 : 如果想要設(shè)置該按鈕組件的大小, 可以設(shè)置該組件與FrameLayout組件的權(quán)重;

示例 :

3. FrameLayout組件

組件作用 : 該組件中定義的子組件是TabHost中每個頁面顯示的選項卡, 可以將TabHost選項卡顯示的視圖定義在其中;

設(shè)置android自帶id : 這個組件的id要設(shè)置成android的自帶的id :android:id="@android:id/tabcontent" ;

示例 :

二. Activity方法

1. 獲取TabHost

獲取方法 : getHost();

前提 : 調(diào)用getHost()方法獲取TabHost組件的方法的前提是在布局文件中, 設(shè)置了android自帶的idandroid:id="@android:id/tabhost" 才可以;

2. 創(chuàng)建選項卡

創(chuàng)建選項卡 : 調(diào)用TabHost組件的newTabHost(tag), 其中的tag是字符串, 即在 選項卡的唯一標識 ;

設(shè)置選項卡 :

-- 設(shè)置按鈕名稱 :setIndicator("叫獸");

-- 設(shè)置選項卡內(nèi)容 : setContent(), 可以設(shè)置視圖組件, 可以設(shè)置Activity, 也可以設(shè)置Fragement;

添加選項卡 : tabHost.add(spec), 傳入的參數(shù)是創(chuàng)建選項卡的TabSpec對象;

三 代碼

XML布局文件 :

Activity主界面代碼 :

Android - TabHost 選項卡功能用法詳解