【B4A】一步一步入门10:TabHost,标签页、标题带图标(控件篇06)

一、前言

本篇教程我们来讲一下TabHost(标签页)的基本使用方法。


二、添加子标签页

TabHost并不支持直接在设计器窗口添加各个子标签页,需要在代码中进行添加。

子标签页是一个布局文件,类似上篇教程中xCustomListView所添加的列表项布局文件那样。

添加子标签页时有两类方法,一个是AddTab,标签页标题将仅显示标签文本。

【B4A】一步一步入门10:TabHost,标签页、标题带图标(控件篇06)_第1张图片

【B4A】一步一步入门10:TabHost,标签页、标题带图标(控件篇06)_第2张图片

另一种是AddTabWithIcon,此时的标签页标题将显示为图标,分为未选中时图片和选中时的图标。

这里需要注意的是,在Android 4之后的版本,当标签页显示标题文本时,将不会再显示图标,所以我们需要将标题文本设置为空。

【B4A】一步一步入门10:TabHost,标签页、标题带图标(控件篇06)_第3张图片

【B4A】一步一步入门10:TabHost,标签页、标题带图标(控件篇06)_第4张图片

TabHost有一个TabChanged事件,在切换标签页时锊会触发。

image


三、示例

我们添加3个布局文件(注:关于添加布局文件见之前教程,本文不再赘述),分别命名为:page1、page2、page3。

其具体效果如下:

然后我们将这三个布局文件添加为TabHost的子标签页。

【B4A】一步一步入门10:TabHost,标签页、标题带图标(控件篇06)_第5张图片

我们在page3的按钮事件中实现通过代码切换标签页。

【B4A】一步一步入门10:TabHost,标签页、标题带图标(控件篇06)_第6张图片

然后,我们在TabHost有一个TabChanged事件中显示提示信息,提示当前的子标签页顺序。

image

具体的效果如下:

【B4A】一步一步入门10:TabHost,标签页、标题带图标(控件篇06)_第7张图片


七、结语

本篇讲解了TabHost的基本使用方法,TabHost是一个很简单的控件,所以其并没有多少的可自定义样式,而且也不支持手势划动切换标签页功能,所以在日常使用过程中,更多的是使用第三方的标签页控件。

感谢观看,欢迎大家一起学习,共同进步。

你可能感兴趣的:(网络)