首先 XML 布局代码
TabHost 是整个 Tab 的外围,TabWidget 是标签头、FrameLayout 是标签内容框。
几个控件的层级如下:
以下几个控件除了 LinearLayout,其他都必须用上述指定的控件,并且 TabWidget 的 id 必须是:@android:id/tabs,FrameLayout 的 id 必须是:@android:id/tabcontent。擦,写这个控件的人被开除没有啊。
可以看出标签头并没有具体配置,因为它是在代码中配置的。继续看 java 代码。
java 代码
首先 findViewById tabHost,且调用 setup。
其次 newTabSpec,再通过 setIndicator、setContent 指定标签头和标签内容页,最后再 addTab(我觉得安卓设计得真啰嗦)。setIndicator 可以指定 View 实现高级效果,也可以像示例中一样简单地指定文字。
此时点击标签头,会自动切换对应的标签内容页,如果我们要监测事件,可用:setOnTabChangedListener,并通过 getCurrentTab 获取当前标签项。
样式
取消分隔线条:<TabWidget android:divider="@null"
然后当你要改变 TabWidget 下划线颜色时,会发现要实现这个效果写的代码真是又臭又长。此时你可以改用 TabLayout。请继续阅读下节。