雖然現在谷歌官方也提供了不少控件可解決這個效果，第三方也不少，也幾乎所有人都會實現這種效果，但本人仍想記錄一下。
這裏的實現是使用RadioGroup+FrameLayout實現，自己定義個FragmentTabAdapter，不使用viewpage。
這裏從簡單的開始吧！
首先tab欄的實現，定義選中和非選中的drawable大家都會的了所以這裏就不多說了，對於RadioButton的風格樣式肯定是不滿足需要的，所以進行下處理吧！先看代碼，如下
------------------------------------------------
<style name="tabBarButton" parent="android:Widget.CompoundButton.RadioButton">
<item name="android:drawablePadding">0dp</item>
<item name="android:button">@null</item>
<item name="android:textSize">11dp</item>
<!--部分機型，如三星N7100，不加padding會出現偏移，導致第一個左邊多出很多空白，最後一個靠邊-->
<item name="android:padding">0dp</item>
<item name="android:maxLines">1</item>
<item name="android:gravity">center</item>
<item name="android:layout_gravity">center</item>
<item name="android:layout_weight">1.0</item>
<item name="android:layout_width">0dp</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:textColor">@color/selector_black_a1</item>
</style>
---------------------------------------------在佈局中只需設置drawableTop和text即可，如下代碼（或者這兩個屬性直接在代碼裏寫兩個數組，進行for循環addView進去也是很方便的）
------------------------------------------------
<RadioButton
style="@style/tabBarButton"
android:drawableTop="@android:drawable/btn_star"
android:text="第三方tool" />
-----------------------------------------------佈局這些都是比較簡單的，剩下就是FragmentTabAdapter類了。
這裏適配器需接受一下參數（或者也使用抽象類，一些數據外部使用的時候再實現）
1、List<Fragment> 該主頁需切換的幾個Fragment
2、RadioGroup 我們佈局中的RadioGroup，爲其添加OnCheckedChangeListener
3、fragmentContentId，佈局中FrameLayout的id
4、FragmentActivity，這裏只是爲了獲取FragmentManager，如果不是繼承FragmentActivity的，也可改爲FragmentManager。這裏直接接收activity是爲了以防有莫名的需求需要activity對象
所以構造方法如下：
------------------------------------------------
public FragmentTabAdapter(FragmentActivity fragmentActivity, List<Fragment> fragments, int fragmentContentId, RadioGroup rgs) {
this.fragments = fragments;
this.rgs = rgs;
this.fragmentActivity = fragmentActivity;
this.fragmentContentId = fragmentContentId;
this.cuurentCheckId = rgs.getCheckedRadioButtonId();
// 默認顯示第一頁
FragmentTransaction ft = fragmentActivity.getSupportFragmentManager().beginTransaction();
ft.add(fragmentContentId, fragments.get(0));
ft.commit();
rgs.setOnCheckedChangeListener(this);
}
------------------------------------------------因爲我們需要爲RadioGroup 添加事件，所以直接就實現 RadioGroup.OnCheckedChangeListener接口了，主要是監聽RadioGroup改變選中view時，實時的改變顯示的Fragment，實現如下：
-----------------------------------------------
@Override
public void onCheckedChanged(RadioGroup radioGroup, int checkedId) {
for (int i = 0; i < rgs.getChildCount(); i++) {
if (rgs.getChildAt(i).getId() == checkedId) {
if (null == onRgsCheckedListener ||
!onRgsCheckedListener.onResCheckedChangedBefor(radioGroup, checkedId, i, cuurentCheckId, currentTab)) {
Fragment fragment = fragments.get(i);
FragmentTransaction ft = obtainFragmentTransaction(i);
getCurrentFragment().onPause(); // 暫停當前tab
if (fragment.isAdded()) {
fragment.onResume(); // 啓動目標tab的onResume()
} else {
ft.add(fragmentContentId, fragment);
}
showTab(i); // 顯示目標tab
ft.commit();
cuurentCheckId = checkedId;
// 如果設置了切換tab額外功能功能接口
if (null != onRgsCheckedListener) {
onRgsCheckedListener.onRgsCheckedChanged(radioGroup, checkedId, i);
}
}
}
}
}
------------------------------------------------代碼中的showTab（）方法則是控制哪個Fragment顯示的方法：
-----------------------------------------------
/**
* 切換tab
*
* @param idx
*/
private void showTab(int idx) {
for (int i = 0; i < fragments.size(); i++) {
Fragment fragment = fragments.get(i);
FragmentTransaction ft = obtainFragmentTransaction(idx);//我們加個切換動畫
if (idx == i) {
ft.show(fragment);
} else {
ft.hide(fragment);
}
ft.commit();
}
currentTab = idx; // 更新目標tab爲當前tab
}
/**
* 獲取一個帶動畫的FragmentTransaction
*
* @param index
* @return
*/
private FragmentTransaction obtainFragmentTransaction(int index) {
FragmentTransaction ft = fragmentActivity.getSupportFragmentManager().beginTransaction();
// 設置切換動畫
if (index > currentTab) {
ft.setCustomAnimations(R.anim.slide_left_in, R.anim.slide_left_out);
} else {
ft.setCustomAnimations(R.anim.slide_right_in, R.anim.slide_right_out);
}
return ft;
}
------------------------------------------------至此我們的適配器已經完成了，有人會注意到在onCheckedChanged方法中好像有預留了個接口，是的，這邊預留了個接口，以滿足特殊需求的需要，如小紅點，登錄纔可切換，雙擊滾到頂部等，這裏不想強制實現所有的方法，所以直接寫成了空實現的類，可據需繼承實現，代碼如下：
/**
* 切換tab額外功能功能接口
*/
public static class OnRgsCheckedListener {
/**改變tab之後
* @param radioGroup
* @param checkedId 選擇的RadioButton的id
* @param index 選擇的下標
*/
void onRgsCheckedChanged(RadioGroup radioGroup, int checkedId, int index) {
//RadioGroup 改變選中View之後呃回調，用於
}
/**在改變tab之前
* @param radioGroup
* @param checkedId 選擇的RadioButton的id
* @param index 選擇的下標
* @param preCheckedId 當前的RadioButton的id
* @param preIndex 當前的下標
* @return
*/
boolean onResCheckedChangedBefor(RadioGroup radioGroup, int checkedId,
int index, int preCheckedId, int preIndex) {
//如某些子頁面需要登錄後纔可訪問，即可在此攔截，返回true則不進行頁面切換
return false;
}
}另外順便在此記一下，這中實現，當我們app存在bug，導致app閃退自動重啓時，我們的MainActivity是會被回收重新生成調用Oncreate方法的，而系統卻默認把fragment緩存了，沒有回收，所以但app閃退自動重啓後你會發現會有兩個以上的Fragment會重疊在一起，我的解決方法是在oncreate方法中先將存在的Fragment全部移除掉，代碼如下：
//避免activity蹦潰回收，fragment沒回收，activity重啓導致fragment重疊現象,
List<Fragment> temF = getSupportFragmentManager().getFragments();
if (temF != null) {
for (Fragment f : temF) {
removeFragment(f);
}
}原文地址：http://blog.csdn.net/lanqi_x/article/details/78039324