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

首先 XML 布局代码

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

android:id="@+id/tabHost"

android:layout_width="match_parent"

android:layout_height="wrap_content">

android:id="@android:id/tabs"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:soundEffectsEnabled="false">

android:id="@android:id/tabcontent"

android:layout_width="match_parent"

android:layout_height="wrap_content">

android:id="@+id/tabContent1"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:orientation="horizontal">

android:id="@+id/tabContent2"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:orientation="horizontal">

android:id="@+id/tabContent3"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:orientation="horizontal">

几个控件的层级如下：TabHostTabWidget

FrameLayoutLinearLayout

LinearLayout

LinearLayout

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

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

java 代码m_tabHost = m_view.findViewById(R.id.tabHost);

m_tabHost.setup(); // 如果少了这句，tabHost.setContent 会出错，且 Android Studio 调试状态也不会提示是什么错误

TabHost.TabSpec ts1 = m_tabHost.newTabSpec("tab1");

ts1.setIndicator("基础信息");

ts1.setContent(R.id.tabContent1);

m_tabHost.addTab(ts1);

TabHost.TabSpec ts2 = m_tabHost.newTabSpec("tab2");

ts2.setIndicator("学历教育");

ts2.setContent(R.id.tabContent2);

m_tabHost.addTab(ts2);

TabHost.TabSpec ts3 = m_tabHost.newTabSpec("tab3");

ts3.setIndicator("任职经历");

ts3.setContent(R.id.tabContent3);

m_tabHost.addTab(ts3);

m_tabHost.setOnTabChangedListener(new TabHost.OnTabChangeListener() {

@Override

public void onTabChanged(String s) {

int tabIndex = m_tabHost.getCurrentTab();

}

});

首先 findViewById tabHost，且调用 setup。

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

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

样式

取消分隔线条：

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

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