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.     >

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 >

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

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);

98.         TabHost.TabSpec tab3=tabHost.newTabSpec( "tab3" )

99.                 .setIndicator( "我" ) //设置标题

100.                 .setContent(R.id.tab03);

101.         //添加第一个tab页

102.         tabHost.addTab(tab3);

103.     }

104. }