TabHost的两种实现方式

第一种：继承TabActivity，从TabActivity中用getTabHost()方法获取TabHost。只要定义具体Tab内容布局就行了.

xml布局：

Java代码  

1. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     android:layout_width="fill_parent" android:layout_height="fill_parent">   
3.     <LinearLayout android:id="@+id/widget_layout_Blue"  
4.         android:layout_width="fill_parent" android:layout_height="fill_parent"  
5.         android:orientation="vertical" >   
6.         <EditText android:id="@+id/widget34" android:layout_width="fill_parent"  
7.             android:layout_height="wrap_content" android:text="EditText"  
8.             android:textSize="18sp">   
9.         </EditText>   
10.         <Button android:id="@+id/widget30" android:layout_width="wrap_content"  
11.             android:layout_height="wrap_content" android:text="Button">   
12.         </Button>   
13.     </LinearLayout>   
14.     <LinearLayout android:id="@+id/widget_layout_red"  
15.         android:layout_width="fill_parent" android:layout_height="fill_parent"  
16.         android:orientation="vertical"  >   
17.         <AnalogClock android:id="@+id/widget36"  
18.             android:layout_width="wrap_content" android:layout_height="wrap_content">   
19.         </AnalogClock>   
20.     </LinearLayout>   
21.     <LinearLayout android:id="@+id/widget_layout_green"  
22.         android:layout_width="fill_parent" android:layout_height="fill_parent"  
23.         android:orientation="vertical">   
24.         <RadioGroup android:id="@+id/widget43"  
25.             android:layout_width="166px" android:layout_height="98px"  
26.             android:orientation="vertical">   
27.             <RadioButton android:id="@+id/widget44"  
28.                 android:layout_width="wrap_content" android:layout_height="wrap_content"  
29.                 android:text="RadioButton">   
30.             </RadioButton>   
31.             <RadioButton android:id="@+id/widget45"  
32.                 android:layout_width="wrap_content" android:layout_height="wrap_content"  
33.                 android:text="RadioButton">   
34.             </RadioButton>   
35.         </RadioGroup>   
36.     </LinearLayout>   
37. </FrameLayout>   
38.   
39. java代码：   
40. super.onCreate(savedInstanceState);   
41.         myTabhost=this.getTabHost();   
42.         //get Tabhost   
43.         LayoutInflater.from(this).inflate(R.layout.main, myTabhost.getTabContentView(), true);   
44.         myTabhost.setBackgroundColor(Color.argb(150, 22, 70, 150));   
45.            
46.         myTabhost   
47.                 .addTab(myTabhost.newTabSpec("One")// make a new Tab   
48.                         .setIndicator("A")   
49.                         // set the Title and Icon   
50.                         .setContent(R.id.widget_layout_Blue));   
51.         // set the layout   
52.   
53.         myTabhost   
54.                 .addTab(myTabhost.newTabSpec("Two")// make a new Tab   
55.                         .setIndicator("B",   
56.                                 getResources().getDrawable(R.drawable.mumule))   
57.                         // set the Title and Icon   
58.                         .setContent(R.id.widget_layout_green));   
59.         // set the layout   
60.   
61.         myTabhost   
62.                 .addTab(myTabhost.newTabSpec("Three")// make a new Tab   
63.                         .setIndicator("C",   
64.                                 getResources().getDrawable(R.drawable.notepad))   
65.                         // set the Title and Icon   
66.                         .setContent(R.id.widget_layout_red)); 

第二种：不用继承TabActivity，在布局文件中定义TabHost即可，但是TabWidget的id必须是
@android:id/tabs，FrameLayout的id必须是@android:id/tabcontent。TabHost的id可以自定义.

xml布局：

Java代码  

1. <?xml version="1.0" encoding="utf-8"?>   
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"     
3.     android:id="@+id/hometabs"  
4.     android:orientation="vertical"  
5.     android:layout_width="fill_parent"     
6.     android:layout_height="fill_parent">    
7.     <TabHost android:id="@+id/tabhost"  
8.         android:layout_width="wrap_content"  
9.         android:layout_height="wrap_content">   
10.         <LinearLayout   
11.             android:orientation="vertical"  
12.             android:layout_width="fill_parent"  
13.             android:layout_height="fill_parent">   
14.                
15.             <TabWidget android:id="@android:id/tabs"    
16.               android:orientation="horizontal"  
17.               android:layout_width="wrap_content"  
18.               android:layout_height="wrap_content">   
19.             </TabWidget>   
20.             
21.              <FrameLayout android:id="@android:id/tabcontent"  
22.                   android:layout_width="wrap_content"  
23.                   android:layout_height="wrap_content">   
24.                     <TextView android:id="@+id/view1"  
25.                         android:layout_width="fill_parent"  
26.                         android:layout_height="fill_parent"/>   
27.                     <TextView android:id="@+id/view2"  
28.                         android:layout_width="fill_parent"  
29.                         android:layout_height="fill_parent"/>   
30.                     <TextView android:id="@+id/view3"  
31.                         android:layout_width="fill_parent"  
32.                         android:layout_height="fill_parent"/>   
33.              </FrameLayout>   
34.             
35.          </LinearLayout>   
36.     </TabHost>   
37. </LinearLayout>   
38.   
39. java代码：   
40. protected void onCreate(Bundle savedInstanceState) {   
41.         super.onCreate(savedInstanceState);   
42.         setContentView(R.layout.hometabs);   
43.            
44.         TabHost tabHost = (TabHost) findViewById(R.id.tabhost);   
45.         tabHost.setup();   
46.         TabWidget tabWidget = tabHost.getTabWidget();   
47.            
48.         tabHost.addTab(tabHost.newTabSpec("tab1")   
49.                 .setIndicator("tab1", getResources().getDrawable(R.drawable.mumule))   
50.                 .setContent(R.id.view1));   
51.            
52.         tabHost.addTab(tabHost.newTabSpec("tab3")   
53.                 .setIndicator("tab3")   
54.                 .setContent(R.id.view3));   
55.            
56.         tabHost.addTab(tabHost.newTabSpec("tab2")   
57.                 .setIndicator("tab2")   
58.                 .setContent(R.id.view2));   
59.            
60.         final int tabs = tabWidget.getChildCount();   
61.         Log.i(TAG, "***tabWidget.getChildCount() : " + tabs);   
62.            
63.         final int tabWidth = 90;   
64.         final int tabHeight = 45;   
65.            
66.         for (int i = 0; i < tabs; i++) {   
67.         /*  final View view = tabWidget.getChildAt(i);  
68.             view.getLayoutParams().width = tabWidth;  
69.             view.getLayoutParams().height = tabHeight;  
70.             final TextView tv = (TextView) view.findViewById(android.R.id.title);  
71.             tv.setTextColor(this.getResources().getColorStateList(android.R.color.black));  
72.             MarginLayoutParams tvMLP = (MarginLayoutParams)tv.getLayoutParams();  
73.             tvMLP.bottomMargin = 8;*/  
74.         }   
75.     }  

• Tab.rar (130.9 KB)
• 下载次数: 504