标签栏项目

17 Mar 2025 | 阅读 2 分钟

标签栏项目表示视图控制器,当它被添加到标签栏控制器时。当用户点击它时,一个新的视图将出现在标签栏上方。 标签栏项目是 UITabBarItem 类的实例,它继承自 UIBarItem 类。

TabBarItem 用于标签栏界面。 标签栏以单选模式运行,用户无法同时选择两个标签栏项目。 我们可以使用 UITabBarItem 类的属性来配置标签栏项目的外观。 我们还可以为几乎每个 iOS 应用程序中使用的项目指定徽章值。 徽章值用于显示有关视图控制器当前状态的一些重要信息。 例如,在 Facebook 应用程序中,消息选项卡将显示带有徽章,表示收到的新消息的数量。

配置 TabBarItem 外观

我们可以使用故事板中的属性检查器来配置 TabBarItem 的外观。 我们可以使用故事板配置 TabBarItem 的以下属性。

iOS Tab Bar Item

在这里,我们将配置我们在 TabBarController 示例 1 中创建的标签栏项目的外观。

让我们为该项目添加一个徽章值,如下图所示。

iOS Tab Bar Item

如果我们运行此应用程序,我们将获得以下输出。

iOS Tab Bar Item

我们可以使用 init(tabBarSystemItem:tag:) 方法创建一个系统项目。 此外,我们可以使用 init(title:image:tag:) 方法创建一个带有指定标题和图像的自定义项目,该图像用作未选中和选中的图像。 我们使用 init(title:image:selectedImage:) 方法创建一个带有指定标题、未选中图像和选中图像的自定义项目。

更多导航控制器

与标签栏控制器关联的标签栏的空间有限,无法显示自定义标签栏项目。 但是,如果我们向标签栏添加了四个以上的项目,则标签栏仅包含前四个项目以及更多选项以显示其他项目。 “更多”项目提供了一个标准界面来选择其他项目。 让我们看看下面的例子。

示例

让我们向上面显示的示例添加更多三个视图控制器,并定义视图控制器与标签栏控制器的关系。 界面生成器将如下所示。

iOS Tab Bar Item

让我们运行该项目。 它将生成以下输出。

iOS Tab Bar Item
下一主题导航控制器