在 SwiftUI 中使用分頁視圖

SwiftUI 是 Apple 在 WWDC 2019 推出的新框架，它可以讓開發者快速開發出跨平台的 App，而在 SwiftUI 中使用分頁視圖（TabView）也是一個很常見的需求。本文將介紹如何在 SwiftUI 中使用分頁視圖，並且給出程式範例。

在 SwiftUI 中，使用分頁視圖（TabView）可以讓開發者快速開發出分頁式的 App，而使用方式也很簡單，只需要在 TabView 中放入要顯示的內容，並且指定每個分頁的標題，就可以完成分頁視圖的設定。

TabView {
    Text("First View")
        .tabItem {
            Image(systemName: "1.circle")
            Text("First")
        }
    Text("Second View")
        .tabItem {
            Image(systemName: "2.circle")
            Text("Second")
        }
}

上面的程式碼會建立一個分頁視圖，其中有兩個分頁，每個分頁都有自己的標題，而標題的圖示也可以自行指定，只要使用 Image 並且指定圖示的名稱即可。

分頁視圖的選擇

在 SwiftUI 中，可以使用 TabView 來建立分頁視圖，但是也可以使用 Picker 來建立分頁視圖，而使用 Picker 的方式可以讓開發者更加自由的控制分頁視圖的外觀，而且也可以讓開發者更加自由的控制分頁視圖的行為。

@State private var selection = 0

VStack {
    Picker(selection: $selection, label: Text("")) {
        Text("First View").tag(0)
        Text("Second View").tag(1)
    }
    .pickerStyle(SegmentedPickerStyle())

    if selection == 0 {
        Text("First View")
    } else {
        Text("Second View")
    }
}

上面的程式碼會建立一個分頁視圖，其中有兩個分頁，而每個分頁的外觀可以自行指定，只要使用 pickerStyle 並且指定樣式即可。

結論

在 SwiftUI 中，使用分頁視圖（TabView）可以讓開發者快速開發出分頁式的 App，而使用方式也很簡單，只需要在 TabView 中放入要顯示的內容，並且指定每個分頁的標題，就可以完成分頁視圖的設定。此外，也可以使用 Picker 來建立分頁視圖，讓開發者更加自由的控制分頁視圖的外觀和行為。

延伸閱讀本站文章

更多swift相關文章

延伸閱讀本站文章

SwiftUI 入門指南
 Swift 圖片緩存 🎥高效快速存取圖片
 Swift UIViewController 自定義返回按钮 🔙🎨
Swift UIGestureRecognizer使用🖐️ – 手勢辨識教學
 Swift 離線資料存取 💾 離線資料快速存取法
 Swift 影片拍攝：AVCaptureSession 🎥
Swift 圖片下載 🖼️
💾Swift 存儲 & 讀取數據 | 數據持久化 💾
Swift 動畫效果實作 (UIView.animate)
Swift 數字輪播器 🔢🔄

在 SwiftUI 中使用分頁視圖