什麼是 TabBar 呢？

TabBar 就是下面紅色框框所圈起來的這個控制項，我們可以點擊上面的圖案進而做到切換頁面的功能！

如何使用 TabBar 呢？

我們這邊用的是 XIB 的方式來撰寫！
且是用純 Code 生成喔！

1. 首先我們必須先創建 TabBar 需要切換的頁面
   (我是有四個頁面的，但礙於畫面太小，我只有圈兩個頁面)

2. 並在 viewdidload 裡面宣告頁面的變數

 super.viewDidLoad()
        let globeVC = globeVC()
        let clockVC = clockVC()
        let stopwatchVC = stopwatchVC()
        let timerVC = timerVC()

3. 打上你想要讓這幾個頁面在 TabBar 出現的名字

globeVC.title = "World Clock"
clockVC.title = "Alarm"
stopwatchVC.title = "Stopwatch"
timerVC.title = "Timer"

4. 再來要把這些頁面的值放到畫面控制的陣列裡！
   （後面的 animated 指的是動畫）

 self.setViewControllers([ globeVC , clockVC , stopwatchVC , timerVC ], animated: false )

5. 因為 tabber.item 給的是可選型別，所以我們可以用 guard let 去解他，並放到一個叫 item 的變數裡

guard let items = self.tabBar.items else { return }

6. 我們可以設定每一個 item 的圖案，可以利用陣列的方式把用字串型別存起來，最後再用迴圈的方式帶入進去

let images = [ "globe" , "clock" , "stopwatch" , "timer"]

7. 我們最後再利用迴圈的方式把 item 和 image 帶進去！

for x in 0...3 {
            items[x].image = UIImage(systemName: images[x])
        }

補充：

self.tabBar.backgroundColor = .secondarySystemBackground

(這串程式碼可以改變 TabBar 的背景顏色喔！)

這樣子一個簡單的 TabBar 就完成囉！