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