Android getting started tutorial (22) -- tabhost, tabwidget)

This article from http://blog.csdn.net/hellogv/, reference must indicate the source!

This time we will introduce the tab control of Android. The tab control can achieve the paging effect, so that the content of a screen can be as rich as possible. Of course, it will also increase the complexity of development, use it again when necessary. The tab control of Android is a bit strange to use. It must contain and follow the following sequence:

Tabhost control-> tabwidget (must be named tabs)-> framelayout (must be named tabcontent ).

 

Next, paste the example running:

 

Source code of Main. xml:

View plain Copy to clipboard Print ?

2. <?XML Version="1.0" Encoding="UTF-8"?>
4. <Tabhost Android: layout_width="Fill_parent"
6. Android: layout_height="Fill_parent" Xmlns: Android=Http://schemas.android.com/apk/res/android" Android: ID="@ Android: ID/tabhost1">
8. <Tabwidget Android: ID="@ Android: ID/tabs"
10. Android: layout_height="Wrap_content" Android: layout_width="Fill_parent">
12. </Tabwidget>
14. <Framelayout Android: ID="@ Android: ID/tabcontent"
16. Android: paddingtop = "65px" Android: layout_width = "fill_parent" Android: layout_height = "fill_parent"
18. linearlayout Android: layout_height = "wrap_content" Android: ID = "@ + ID/tab1" Android: orientation = "vertical" Android: layout_width = "fill_parent"
20. edittext Android: layout_height = "wrap_content" Android: ID = "@ + ID/edttab1" Android: layout_width = "fill_parent" edittext >
22. button Android: layout_width = "wrap_content" Android: layout_height = "wrap_content" Android: ID = "@ + ID/btntab1" Android: text = "tab1" >< /span> button >
24. </Linearlayout>
26. <Linearlayout Android: layout_height="Wrap_content" Android: ID="@ + ID/tab2" Android: layout_width="Fill_parent" Android: Orientation="Horizontal">
28. edittext Android: layout_height = "wrap_content" Android: ID = "@ + ID/edttab2" Android: layout_width = "wrap_content" Android: layout_weight = "300" edittext >
30. button Android: layout_width = "wrap_content" Android: layout_height = "wrap_content" Android: ID = "@ + ID/btntab2" Android: text = "tab2" >< /span> button > linearlayout >
32. </Framelayout>
34. </Tabhost>

<? XML version = "1.0" encoding = "UTF-8"?> <Br/> <tabhost Android: layout_width = "fill_parent" <br/> Android: layout_width = "fill_parent" xmlns: Android = "http://schemas.android.com/apk/res/android" Android: Id = "@ Android: ID/tabhost1 "> <br/> <tabwidget Android: Id =" @ Android: ID/tabs "<br/> Android: layout_height =" wrap_content "Android: layout_width = "fill_parent"> <br/> </tabwidget> <br/> <framelayout Android: Id = "@ Android: ID/tabcontent" <br/> Android: paddingtop = "65px" Android: layout_width = "fill_parent" Android: layout_height = "fill_parent"> <br/> <linearlayout Android: layout_height = "wrap_content" Android: id = "@ + ID/tab1" Android: Orientation = "vertical" Android: layout_width = "fill_parent"> <br/> <edittext Android: layout_height = "wrap_content" Android: id = "@ + ID/edttab1" Android: layout_width = "fill_parent"> </edittext> <br/> <button Android: layout_width = "wrap_content" Android: layout_height = "wrap_content" Android: Id = "@ + ID/btntab1" Android: TEXT = "tab1"> </button> <br/> </linearlayout> <br/> <linearlayout Android: layout_height = "wrap_content" Android: id = "@ + ID/tab2" Android: layout_width = "fill_parent" Android: Orientation = "horizontal"> <br/> <edittext Android: layout_height = "wrap_content" Android: id = "@ + ID/edttab2" Android: layout_width = "wrap_content" Android: layout_weight = "300"> </edittext> <br/> <button Android: layout_width = "wrap_content" Android: layout_height = "wrap_content" Android: Id = "@ + ID/btntab2" Android: TEXT = "tab2"> </button> </linearlayout> <br/> </framelayout> <br/> </tabhost>

 

 

ProgramSource code:

View plain Copy to clipboard Print ?

2. PackageCom. testtab;
4. ImportAndroid. App. tabactivity;
6. ImportAndroid. OS. Bundle;
8. ImportAndroid. View. view;
10. ImportAndroid. widget. Button;
12. ImportAndroid. widget. edittext;
14. ImportAndroid. widget. tabhost;
16. ImportAndroid. widget. tabhost. tabspec;
18. Public ClassTesttabExtendsTabactivity {// Tabactivity-based construction
22. Button btntab1, btntab2;
24. Edittext edttab1, edttab2;
26. /** Called when the activity is first created .*/
28. @ Override
30. Public VoidOncreate (bundle savedinstancestate ){
32. Super. Oncreate (savedinstancestate );
34. Setcontentview (R. layout. Main );
38. Tabhost tabs = gettabhost ();
40. // Set tab1
42. Tabspec tab1 = tabs. newtabspec ("Tab1");
44. Tab1.setindicator ("Tab1");// Set the tab1 name
46. Tab1.setcontent (R. Id. tab1 );// Associate controls
48. Tabs. addtab (tab1 );// Add tab1
52. Btntab1 = (button)This. Findviewbyid (R. Id. btntab1 );
54. Edttab1 = (edittext)This. Findviewbyid (R. Id. edttab1 );
56. Btntab1.setonclicklistener (NewClickevent ());
60. // Set tab2
62. Tabspec tab2 = tabs. newtabspec ("Tab2");
64. Tab2.setindicator ("Tab2");
66. Tab2.setcontent (R. Id. tab2 );
68. Tabs. addtab (tab2 );
72. Btntab2 = (button)This. Findviewbyid (R. Id. btntab2 );
74. Edttab2 = (edittext)This. Findviewbyid (R. Id. edttab2 );
76. Btntab2.setonclicklistener (NewClickevent ());
80. Tabs. setcurrenttab (0);
82. }
86. ClassClickeventImplementsView. onclicklistener {
88. @ Override
90. Public VoidOnclick (view v ){
92. If(V = btntab1)
94. {
96. Edttab1.settext ("Tab1");
98. }
100. Else If(V = btntab2)
102. {
104. Edttab2.settext ("Tab2");
106. }
108. }
112. }
114. }