在 SwiftUI 中使用選擇器

SwiftUI 是 Apple 在 WWDC 2019 推出的新框架,它可以讓開發者快速開發出原生的 iOS、macOS、tvOS 和 watchOS 應用程式。SwiftUI 提供了一系列的元件,可以讓開發者快速開發出原生的應用程式,其中一個重要的元件就是選擇器(Picker)。

什麼是選擇器?

選擇器(Picker)是一個 SwiftUI 元件,它可以讓開發者在應用程式中提供一個可以選擇的列表,讓使用者可以從中選擇一個選項。它可以用來替代 iOS 中的 UIPickerView 或是 macOS 中的 NSPopUpButton。

如何使用選擇器?

使用選擇器(Picker)非常簡單,只需要在 SwiftUI 中使用 Picker 關鍵字,並且提供一個 Label 以及一個 ForEach 就可以了。

以下是一個簡單的範例,它會在畫面上顯示一個選擇器,讓使用者可以選擇一個顏色:

struct ContentView: View {
    @State private var selectedColor = 0

    var colors = ["Red", "Green", "Blue"]

    var body: some View {
        Picker(selection: $selectedColor, label: Text("Please choose a color")) {
            ForEach(0 ..< colors.count) {
                Text(self.colors[$0])
            }
        }
    }
}

在上面的範例中,我們使用 Picker 關鍵字來建立一個選擇器,並且提供一個 Label 以及一個 ForEach 來顯示可以選擇的項目。

Picker 中,我們使用 $selectedColor 來指定當使用者選擇某個項目時,要將選擇的項目編號存放到 selectedColor 變數中。

ForEach 中,我們使用 colors 陣列來提供可以選擇的項目,並且使用 Text 來顯示可以選擇的項目。

總結

在本文中,我們介紹了如何在 SwiftUI 中使用選擇器(Picker)。選擇器(Picker)是一個 SwiftUI 元件,它可以讓開發者在應用程式中提供一個可以選擇的列表,讓使用者可以從中選擇一個選項。使用選擇器(Picker)非常簡單,只需要在 SwiftUI 中使用 Picker 關鍵字,並且提供一個 Label 以及一個 ForEach 就可以了。

Picker 中,我們使用 $selectedColor 來指定當使用者選擇某個項目時,要將選擇的項目編號存放到 selectedColor 變數中。在 ForEach 中,我們使用 colors 陣列來提供可以選擇的項目,並且使用 Text 來顯示可以選擇的項目。

推薦閱讀文章

How to use pickers in SwiftUI
SwiftUI Picker Tutorial: How to Create and Use Picker in SwiftUI
SwiftUI Pickers Tutorial: Getting Started
SwiftUI Picker Tutorial
Picker in SwiftUI</a

延伸閱讀本站文章

更多swift相關文章

延伸閱讀本站文章

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

推薦學習youtube影片

Swift 是什麼?UIKit 和 SwiftUI 學哪個?有什麼差別?- Swift 新手入門

在 SwiftUI 中使用選擇器

Categorized in:

Tagged in:

,