安卓 Tab 标签-利用 TabHost、TabWidget、FrameLayout 啰里八嗦实现 Tab 标签控件

作者:vkvi 来源:ITPOW(原创) 日期:2018-4-14

首先 XML 布局代码

TabHost 是整个 Tab 的外围,TabWidget 是标签头、FrameLayout 是标签内容框。

几个控件的层级如下:

  • TabHost
    • TabWidget
    • FrameLayout
      • LinearLayout
      • LinearLayout
      • LinearLayout

以下几个控件除了 LinearLayout,其他都必须用上述指定的控件,并且 TabWidget 的 id 必须是:@android:id/tabsFrameLayout 的 id 必须是:@android:id/tabcontent擦,写这个控件的人被开除没有啊。

可以看出标签头并没有具体配置,因为它是在代码中配置的。继续看 java 代码。

java 代码

首先 findViewById tabHost,且调用 setup

其次 newTabSpec,再通过 setIndicatorsetContent 指定标签头和标签内容页,最后再 addTab(我觉得安卓设计得真啰嗦)。setIndicator 可以指定 View 实现高级效果,也可以像示例中一样简单地指定文字。

此时点击标签头,会自动切换对应的标签内容页,如果我们要监测事件,可用:setOnTabChangedListener,并通过 getCurrentTab 获取当前标签项。

样式

取消分隔线条:<TabWidget android:divider="@null"

然后当你要改变 TabWidget 下划线颜色时,会发现要实现这个效果写的代码真是又臭又长。此时你可以改用 TabLayout。请继续阅读下节。


相关文章