如何在 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 次瀏覽

開啟您的 職業生涯

透過完成課程獲得認證

立即開始
廣告