Android 如何自定义FragmentTabHost中某一个Tab的点击效果

问题

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) {

}
});

总结

系统的源码真的写的非常清楚，只要肯耐心看，很多问题都可以迎刃而解。

 转载地址：

http://www.jianshu.com/p/3b0ff7a4bde1