虽然现在谷歌官方也提供了不少控件可解决这个效果，第三方也不少，也几乎所有人都会实现这种效果，但本人仍想记录一下。
这里的实现是使用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
