Android TabHost多標籤頁幾乎是所有APP中必備的控制元件，如通迅錄的【撥號、通話記錄、聯絡人】，微信的【聊天、聯絡人、發現】，如下圖

Android API13之後官方就不推薦使用TabActivity了，取而代之的是FragmentActivity+FragmentTabHost+Fragment的組合

大致用法

要顯示多標籤頁的Activity繼承FragmentActivity，裡面定義一個FragmentTabHost型別的物件，

另外定義幾個類繼承Fragment，實現每個Tab的具體功能並載入對應介面佈局

然後用FragmentTabHost的addTab方法將Fragment新增到FragmentTabHost中顯示，可以點選切換多個Fragmen（即每個標籤頁）

最後再為MainActivity新增滑動手勢來切換標籤頁

寫了個Demo，

MainActivity的主要程式碼：

public class MainActivity extends FragmentActivity{

    private FragmentTabHost mTabHost;
    private LayoutInflater layoutInflater;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        layoutInflater=LayoutInflater.from(this);
        mTabHost=(FragmentTabHost)findViewById(android.R.id.tabhost);
        mTabHost.setup(this, getSupportFragmentManager(),R.id.realtabcontent);
        mTabHost.addTab(mTabHost.newTabSpec("首頁").setIndicator("首頁"),FragmentPage1.class,null);
        mTabHost.addTab(mTabHost.newTabSpec("聊天").setIndicator("聊天"),FragmentPage2.class,null);
        mTabHost.addTab(mTabHost.newTabSpec("發現").setIndicator("發現"),FragmentPage3.class,null);
        mTabHost.addTab(mTabHost.newTabSpec("其他").setIndicator("其他"),FragmentPage4.class,null);

    }
}
 

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="${packageName}.${activityClass}" >

    <FrameLayout 
        android:id="@+id/realtabcontent"
        android:layout_width="match_parent"
        android:layout_height="0dip"
        android:layout_weight="1"/>
    
    <android.support.v4.app.FragmentTabHost
        android:id="@android:id/tabhost"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content">       
        <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="0dp" 
            android:layout_height="0dip"
            android:layout_weight="0"/>      
    </android.support.v4.app.FragmentTabHost>
</LinearLayout>
 

FragMentPage1.Java的原始碼

public class FragmentPage1 extends Fragment{
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_page1, null); 
    }
}

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="page1"
        android:textAppearance="?android:attr/textAppearanceLarge" />

</LinearLayout>

FragmentPage2、3、4與FragmentPage1一致，此處不再給出

最後為Tab新增滑動切換的功能

• MainActivity實現OnGestureListener介面，
• 定義一個GestureDetector物件來處理手勢事件
• 並重載onFling方法處理滑動事件，計算兩次getX()的位置來判斷滑動方向
• 注意，onTouchEvent方法也要過載，不然沒法獲取觸控事件滑動事件自然也就無效了

修改後的MainActivity原始碼：

public class MainActivity extends FragmentActivity implements OnGestureListener{

    private GestureDetector  mDetector;
    private FragmentTabHost mTabHost;
    private LayoutInflater layoutInflater;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        layoutInflater=LayoutInflater.from(this);
        mTabHost=(FragmentTabHost)findViewById(android.R.id.tabhost);
        mTabHost.setup(this, getSupportFragmentManager(),R.id.realtabcontent);
        mTabHost.addTab(mTabHost.newTabSpec("首頁").setIndicator("首頁"),FragmentPage1.class,null);
        mTabHost.addTab(mTabHost.newTabSpec("聊天").setIndicator("聊天"),FragmentPage2.class,null);
        mTabHost.addTab(mTabHost.newTabSpec("發現").setIndicator("發現"),FragmentPage2.class,null);
        mTabHost.addTab(mTabHost.newTabSpec("其他").setIndicator("其他"),FragmentPage2.class,null);
        
        mDetector = new GestureDetector (this);
    }


    @Override 
    public boolean onTouchEvent(MotionEvent event) { 
        return this.mDetector.onTouchEvent(event); 
    } 
    
    @Override
    public boolean onDown(MotionEvent e) {
        // TODO Auto-generated method stub
        return false;
    }
    @Override
    public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
        // TODO Auto-generated method stub
        int currentTab=this.mTabHost.getCurrentTab();
        if(currentTab<3 && e1.getX()-e2.getX()>120){
            Log.i("MyLog", currentTab+"");
            this.mTabHost.setCurrentTab(currentTab+1);
        }
        else if(currentTab>0 &&  e1.getX()-e2.getX()<-120){
            Log.i("MyLog", currentTab+"");
            this.mTabHost.setCurrentTab(currentTab-1);
        }
        return true;
    }
    @Override
    public void onLongPress(MotionEvent e) {
        // TODO Auto-generated method stub
        
    }
    @Override
    public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
        // TODO Auto-generated method stub
        return false;
    }
    @Override
    public void onShowPress(MotionEvent e) {
        // TODO Auto-generated method stub
        
    }
    @Override
    public boolean onSingleTapUp(MotionEvent e) {
        // TODO Auto-generated method stub
        return false;
    }
    
}

End.