Android開發教程：淺談Tab選項卡

Tab選項卡是一個非常方便的組件。

一.使用Tab組件的步驟：

1.在布局文件中使用FrameLayout列出Tab組件以及Tab中的內容組件

2.Activity要繼承TabActivity

3.調用TabActivity的getTabHost( )方法來獲得TabHost對象

4.通過TabHost創建Tab選項

二.實現不同Tab裡面的內容有兩種方式：

1.切換不同的Tab時候，不同Tab裡面的內容在同一個Activity顯示，主要是通過修改布局文件裡面的id來實現的。下面是一個具體的例子：

MainActivity.java

package com.Android.tab.activity;  
 
import android.app.TabActivity;  
import android.os.Bundle;  
import android.view.LayoutInflater;  
import android.widget.TabHost;  
 
public class MainActivity extends TabActivity {  
    @Override 
    public void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
         //獲得TabHost對象       
        TabHost tah = getTabHost();  
          
        // from(this)從TabActivity獲取LayoutInflater  
        // R.layout.main 存放Tab布局  
        // 通過TabHost獲得存放Tab標簽頁內容的FrameLayout  
        // 是否將inflate 加到根布局元素上  
        LayoutInflater.from(this).inflate(R.layout.main, tah.getTabContentView(), true);  
          
        //設置Tab標簽的內容和顯示內容  
        tah.addTab(tah.newTabSpec("tab1").setIndicator("圖片1").setContent(R.id.TextView01));  
        tah.addTab(tah.newTabSpec("tab2").setIndicator("圖片2").setContent(R.id.TextView02));  
        tah.addTab(tah.newTabSpec("tab3").setIndicator("圖片3").setContent(R.id.TextView03));                        
    }  
} 

main.xml

<?xml version="1.0" encoding="utf-8"?> 
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/FrameLayout01"   
    android:layout_width="wrap_content"   
    android:layout_height="wrap_content" 
    >     
    <TabHost   
        android:id="@+id/TabHost01" 
        android:layout_width="wrap_content"   
        android:layout_height="wrap_content"   
        /> 
    <TextView   
        android:id="@+id/TextView01"   
        android:background="@drawable/pic1" 
        android:layout_width="wrap_content"   
        android:layout_height="wrap_content"   
        />    
    <TextView   
        android:id="@+id/TextView02"   
        android:background="@drawable/pic2" 
        android:layout_width="wrap_content"   
        android:layout_height="wrap_content"   
        />    
    <TextView   
        android:id="@+id/TextView03"   
        android:background="@drawable/pic3" 
        android:layout_width="wrap_content"   
        android:layout_height="wrap_content"   
        />    
</FrameLayout> 
 
 

效果圖：

650) this.width=650;" height=120>