如何在 iOS 应用中创建 Tab Bar 布局?


在这篇文章中,我们将了解如何在应用程序中使用 Tab Bar 布局。

根据苹果的文档 -

Tab Bar 位于应用程序屏幕底部,可以快速切换应用程序的不同部分。Tab Bar 是半透明的,可能具有背景色调,在所有屏幕方向上保持相同的高度,并且在显示键盘时会被隐藏。Tab Bar 可以包含任意数量的 Tab,但可见 Tab 的数量根据设备大小和方向而有所不同。

您可以在此处了解更多相关信息

https://developer.apple.com/design/human-interface-guidelines/ios/bars/tab-bars/

让我们开始吧,

步骤 1 - 创建一个新的单视图应用程序,并将其命名为“TabBarController”

步骤 2 - 打开您的 Main.storyboard 并从对象库中添加 Tab View,如下图所示

步骤 3 - 删除 Storyboard 中现有的 View Controller,然后转到新文件并创建一个名为 SecondViewController 的新文件。

步骤 4 - 导航到 Storyboard 并为两个 View Controller 添加类,对于项目 1,添加 ViewController.swift,对于项目 2,添加 SecondViewController.swift,如下所示

步骤 5 - 现在将两个 View Controller 的背景颜色分别更改为灰色和黑色。

步骤 6 - 不要忘记在 Tab Bar Controller 中选中“初始 View Controller”。

步骤 7 - 运行项目。

更新于:2019-12-16

260 次浏览

开启您的 职业生涯

通过完成课程获得认证

立即开始
广告