问题
iOS上的Tab Bar相信大家都很熟悉了,就是界面底部几个按钮,点击可以切换子页面。
而在Android上,可以用support v4中的FragmentTabHost
来实现类似效果,它继承自TabHost
,每个子页面都是一个Fragment
。
今天遇到一个需求,需要在点击Tab按钮后,不切换子页面,而是跳转到一个新的页面。通过查阅文档,FragmentTabHost
与其父类TabHost
似乎都没有提供相关函数可以自定义Tab的点击事件。只有一个当Tab切换完成后的回调监听OnTabChangeListener
,但是切换已经完成为时已晚啊。
在查阅文档无果后,我祭出了Google,但是却苦于不知道该如何组织关键词(英文不会,中文离谱),试了几个关键词依然无果。既然如此,就尝试看下源码吧,没想到最终还是非常简单就可以解决问题,遂记录一下。
首先我们来看一下FragmentTabHost
的基本使用,来自官方文档
mTabHost = new FragmentTabHost(getActivity());
mTabHost.setup(getActivity(), getChildFragmentManager(), R.id.fragment1);
mTabHost.addTab(mTabHost.newTabSpec("simple").setIndicator("Simple"), FragmentStackSupport.CountingFragment.class, null);
mTabHost.addTab(mTabHost.newTabSpec("contacts").setIndicator("Contacts"), LoaderCursorSupport.CursorLoaderListFragment.class, null);
第二行通过setup
进行初始化,三四行通过addTab
方法添加了两个Tab,我们就从Tab的添加入手,开始追踪源码,看看它都做了什么,是如何设置每个Tab的点击事件的。以下的源码经过了简化,只保留部分关键信息。
源码追踪
首先是FragmentTabHost
,它继承自TabHost
,增加了一个addTab
的重载方法,第二个参数接收Fragment的class,用于Fragment相关逻辑。在完成对Fragment的处理后,继续调用父类TabHost
的addTab
方法。
public class FragmentTabHost extends TabHost {
public void addTab(TabHost.TabSpec tabSpec, Class> clss, Bundle args) {
...
addTab(tabSpec);
}
}
然后来到TabHost
,其中成员变量mTabWidget
是Tab的容器。在addTab
方法中,先取出了Tab的View,然后执行mTabWidget的addView,将Tab添加到容器中。
public class TabHost extends FrameLayout {
private TabWidget mTabWidget;
public void addTab(TabSpec tabSpec) {
...
View tabIndicator = tabSpec.mIndicatorStrategy.createIndicatorView();
...
mTabWidget.addView(tabIndicator);
...
}
}
最后来到TabWidget
,可以看到它继承自我们的老朋友LinearLayout,这为Tab View提供了线性排布。在addView
方法的最后,我们找到了为每个Tab设置点击监听的地方。
public class TabWidget extends LinearLayout {
@Override
public void addView(View child) {
...
super.addView(child);
// TODO: detect this via geometry with a tabwidget listener rather
// than potentially interfere with the view's listener
child.setOnClickListener(new TabClickListener(getTabCount() - 1));
child.setOnFocusChangeListener(this);
}
}
解决问题
通过一路追踪源码,现在我们已经知道了FragmentTabHost
是如何设定每个Tab的点击事件的。最后设置监听器的地方给了我启发,假如能够获取到Tab View,就可以设置自己的点击监听,同时覆盖掉了系统的监听器,从而完成自定义点击效果的任务。
于是从TabWidget
反过来查找获取Tab View的方法。首先TabWidget
提供了getChildTabViewAt(int index)
方法,可以根据Tab的索引获取到Tab View。然后通过TabHost
的getTabWidget
可以获取到TabWidget 。得到目标Tab View后,设定自己的OnClickListener,搞定任务。
下面代码演示了设置第一个Tab点击事件的方法。
mTabHost.getTabWidget().getChildTabViewAt(0).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
}
});
总结
系统的源码真的写的非常清楚,只要肯耐心看,很多问题都可以迎刃而解。