Tabhost以及其用法

TabHost是一種非常使用的組件，TabHost可以方便的在窗口上放置多個標簽頁，每個標簽頁相當于或得了一個與外部容器相同大小的組件擺放區域。

與TabHost 結合使用的組件

  TabWidget:代表選項卡的標簽條。

   TabSpec:代表選項卡的一個Tab頁面。

創建添加選項卡的方法：

 newTabSpec():創建選項卡

 addTab():添加選項卡

使用TabHost的步驟：

1. 在界面布局中定義TabHost組件

2. Activity繼承TabActivity

3. 調用TabActivity的getTabHost()方法獲取TabHost

4. 通過TabHost對象的方法來創建添加選項卡。

   
   

5. <?xml version="1.0" encoding="utf-8"?>
6. <LinearLayout
7.     xmlns:android="http://schemas.android.com/apk/res/android"
8.     android:layout_width="match_parent" android:layout_height="match_parent"
9.    android:orientation="vertical"
10.     >
11.    

12. <TabHost
13.     android:layout_width="match_parent" android:layout_height="match_parent"
14.     android:id="@android:id/tabhost"
15.     android:layout_weight="1"
16.     ><!--引用android系統已有的id-->
17.     <LinearLayout
18.         android:layout_width="match_parent"
19.         android:layout_height="match_parent"
20.         android:orientation="vertical"
21.         >
22.         <TabWidget
23.             android:id="@android:id/tabs"
24.             android:layout_width="match_parent"
25.             android:layout_height="wrap_content"></TabWidget>//代表選項卡的標簽條。
26.         <FrameLayout
27.             android:id="@android:id/tabcontent"
28.             android:layout_width="match_parent"
29.             android:layout_height="match_parent">
30.             <!--定義第一個標簽頁的內容-->
31.             <LinearLayout
32.                 android:id="@+id/tab01"
33.                 android:orientation="vertical"
34.                 android:layout_width="fill_parent"
35.                 android:layout_height="fill_parent">
36.                 <TextView
37.                     android:layout_width="fill_parent"
38.                     android:layout_height="fill_parent"
39.                     android:text="消息"
40.                     android:textSize="30sp"
41.                     />
42.             </LinearLayout>
43.             <LinearLayout
44.                 android:id="@+id/tab02"
45.                 android:orientation="vertical"
46.                 android:layout_width="fill_parent"
47.                 android:layout_height="fill_parent">
48.                 <TextView
49.                     android:layout_width="fill_parent"
50.                     android:layout_height="fill_parent"
51.                     android:text="賽事"
52.                     android:textSize="30sp"
53.                     />
54.             </LinearLayout>
55.             <LinearLayout
56.                 android:id="@+id/tab03"
57.                 android:orientation="vertical"
58.                 android:layout_width="fill_parent"
59.                 android:layout_height="fill_parent">
60.                 <TextView
61.                     android:layout_width="fill_parent"
62.                     android:layout_height="fill_parent"
63.                     android:text="我的頁面"
64.                     android:textSize="30sp"
65.                     />
66.             </LinearLayout>
67.         </FrameLayout>
68.  
69.     </LinearLayout>
70. </TabHost>
71. </LinearLayout>
72. 注意：必須使用這樣的，其他的id是錯誤的
73. android:id="@android:id/tabhost"
74.  android:id="@android:id/tabs"
75.  android:id="@android:id/tabcontent"
76.  引用android系統已有的id
78. public class MainActivity extends TabActivity{ //Activity繼承TabActivity

79.  
80.     @Override
81.     protected void onCreate(Bundle savedInstanceState) {
82.         super.onCreate(savedInstanceState);
83.         setContentView(R.layout.main_activity);
84.          //調用TabActivity的getTabHost()方法獲取TabHost
85.         TabHost tabHost=getTabHost();
86.         //創建第一個Tab頁
87.         TabHost.TabSpec tab1=tabHost.newTabSpec("tab1")
         
    
88.                 .setIndicator("賽事")//設置標題
89.                 .setContent(R.id.tab01);
90.         //添加第一個tab頁
91.         tabHost.addTab(tab1);
92.         TabHost.TabSpec tab2=tabHost.newTabSpec("tab2")
93.                 .setIndicator("消息")//設置標題
94.                 .setContent(R.id.tab02);
95.         //添加第一個tab頁
96.         tabHost.addTab(tab2);
97.  
98.         TabHost.TabSpec tab3=tabHost.newTabSpec("tab3")
99.                 .setIndicator("我")//設置標題
100.                 .setContent(R.id.tab03);
101.         //添加第一個tab頁
102.         tabHost.addTab(tab3);
103.     }
104. }