android控件之TabHost

以下通过TabHost实现 android选项卡。

main.xml布局文件

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   
3.     android:layout_width="fill_parent"
   
4.     android:layout_height="fill_parent">
   
5.     <LinearLayout android:id="@+id/tab01"
   
6.         android:layout_width="fill_parent"
   
7.         android:layout_height="fill_parent"
   
8.         android:gravity="center_horizontal"
   
9.         android:orientation="vertical">
   
10.         <ImageView android:id="@+id/iv01" 
    
11.                android:scaleType="fitXY"
    
12.                android:layout_gravity="center"
    
13.                android:layout_width="wrap_content"
    
14.               android:layout_height="wrap_content"
    
15.               android:src="@drawable/andy"/>
    
16.           <TextView android:id="@+id/tv01"
    
17.               android:layout_width="wrap_content" 
    
18.             android:layout_height="wrap_content"
    
19.             android:textSize="24dip" 
    
20.             android:text="Android的创造者: Andy Rubin"/>
    
21.     </LinearLayout>
    
22.     <LinearLayout android:id="@+id/tab02"
    
23.         android:layout_width="fill_parent"
    
24.         android:layout_height="fill_parent"
    
25.         android:gravity="center_horizontal"
    
26.         android:orientation="vertical">
    
27.         <ImageView android:id="@+id/iv02" 
    
28.                android:scaleType="fitXY"
    
29.                android:layout_gravity="center"
    
30.                android:layout_width="wrap_content"
    
31.               android:layout_height="wrap_content"
    
32.               android:src="@drawable/bill"/>
    
33.           <TextView android:id="@+id/tv02"
    
34.               android:layout_width="wrap_content" 
    
35.             android:layout_height="wrap_content"
    
36.             android:textSize="24dip"
    
37.             android:text="Java创造者之一: Bill Joy"/>
    
38.     </LinearLayout>
    
39.     <LinearLayout android:id="@+id/tab03"
    
40.         android:layout_width="fill_parent"
    
41.         android:layout_height="fill_parent"
    
42.         android:gravity="center_horizontal"
    
43.         android:orientation="vertical">
    
44.         <ImageView android:id="@+id/iv03" 
    
45.                android:scaleType="fitXY"
    
46.                android:layout_gravity="center"
    
47.                android:layout_width="wrap_content"
    
48.               android:layout_height="wrap_content"
    
49.               android:src="@drawable/torvalds"/>
    
50.           <TextView android:id="@+id/tv03"
    
51.               android:layout_width="wrap_content" 
    
52.             android:layout_height="wrap_content"
    
53.             android:textSize="24dip"
    
54.             android:text="Linux之父: Linus Torvalds"/>
    
55.     </LinearLayout>
    
56. </LinearLayout>

复制代码

TabHostActivity类

1. package com.ljq.activity;
   
2. 
   
3. import android.app.TabActivity;
   
4. import android.os.Bundle;
   
5. import android.view.LayoutInflater;
   
6. import android.widget.TabHost;
   
7. 
   
8. public class TabHostActivity extends TabActivity{
   
9.     private TabHost tab=null;
   
10.     
    
11.     @Override
    
12.     public void onCreate(Bundle savedInstanceState) {
    
13.         super.onCreate(savedInstanceState);
    
14.         
    
15.         tab=this.getTabHost();
    
16.         LayoutInflater.from(this).inflate(R.layout.main, tab.getTabContentView(), true);
    
17.         tab.addTab(tab.newTabSpec("选项卡一").setIndicator("选项卡一", 
    
18.                    getResources().getDrawable(R.drawable.png1)).setContent(R.id.tab01));
    
19.         tab.addTab(tab.newTabSpec("选项卡二").setIndicator("选项卡二", 
    
20.                 getResources().getDrawable(R.drawable.png2)).setContent(R.id.tab02));
    
21.         tab.addTab(tab.newTabSpec("选项卡三").setIndicator("选项卡三", 
    
22.                 getResources().getDrawable(R.drawable.png3)).setContent(R.id.tab03));
    
23.     }
    
24. }

复制代码

运行结果