虽然现在谷歌官方也提供了不少控件可解决这个效果,第三方也不少,也几乎所有人都会实现这种效果,但本人仍想记录一下。
这里的实现是使用RadioGroup+FrameLayout实现,自己定义个FragmentTabAdapter,不使用viewpage。
这里从简单的开始吧!
首先tab栏的实现,定义选中和非选中的drawable大家都会的了所以这里就不多说了,对于RadioButton的风格样式肯定是不满足需要的,所以进行下处理吧!先看代码,如下
------------------------------------------------
---------------------------------------------
在布局中只需设置drawableTop和text即可,如下代码(或者这两个属性直接在代码里写两个数组,进行for循环addView进去也是很方便的)
------------------------------------------------
-----------------------------------------------
这里适配器需接受一下参数(或者也使用抽象类,一些数据外部使用的时候再实现)
1、List
2、RadioGroup 我们布局中的RadioGroup,为其添加OnCheckedChangeListener
3、fragmentContentId,布局中FrameLayout的id
4、FragmentActivity,这里只是为了获取FragmentManager,如果不是继承FragmentActivity的,也可改为FragmentManager。这里直接接收activity是为了以防有莫名的需求需要activity对象
所以构造方法如下:
------------------------------------------------
public FragmentTabAdapter(FragmentActivity fragmentActivity, List 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);
}
}
}
}
}
------------------------------------------------
-----------------------------------------------
/**
* 切换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;
}
}
//避免activity蹦溃回收,fragment没回收,activity重启导致fragment重叠现象,
List temF = getSupportFragmentManager().getFragments();
if (temF != null) {
for (Fragment f : temF) {
removeFragment(f);
}
}
原文地址:http://blog.csdn.net/lanqi_x/article/details/78039324