TabHost实现点击事件

2023-05-01,,

在一般的情况下,我们只需要在Tab栏中实现两种状态的切换,这时候运用selector就可以简单的实现了。

而如果是三种状态之间的切换呢,具体效果如图所示

(注:实现的是使用FragmenTabHost

效果是不选中时显示最左边状态,选中第一次时显示中间状态,再一次点击过后显示右侧状态。

在找到正确的做法之前,我试过了TabHost的所有监听器,均以失败告终。

其后,我们知道每一个tab标签都是一个布局,所以我在把这个布局添加到tab中时设置点击事件,这样做又是否可行呢,答案依旧是否定的,与TabHost的点击事件一样,他们都会被我们实现的onTabChangedListener抢占了。

最后才在同学的帮助下找到了一个能实现此效果的方法:

mTabHost.getTabWidget().getChildAt(1).setOnClickListener()

利用mTabHost.getTabWidget().getChildAt(1)方法找到的是tab标签位置为1的那个布局,设置它的点击事件,在点击事件中找到布局之中的图片,去设置即可。

照理说此时应该完美无瑕了,可是运行出来后,发现这是tab为1的这个位置会有点击事件(当然了,设置图片这个是看不出来的,发个Toast还是能出来的),但是点击它选中的效果没有了。

这是因为此时这个tab标签的位置只去响应了我们的点击事件,而不会响应TabChangeLinstener的事件了。

此时需要在监听事件的代码中加入一句话,设置当前选中的tab标签

mTabHost.setCurrentTab(1);

这样就真的能做到完美无瑕了。

《TabHost实现点击事件.doc》

下载本文的Word格式文档,以方便收藏与打印。