Farbwahl im Formular

Beschreibung

VerwendungDiese einesView Farbauswahldialogsintegriert einen ColorPicker in ein Formular, mit mehrerendem Optionender Nutzer eine Farbe zuauswählen definieren.kann. Die Auswahl wird im State gespeichert und mit einer gefüllten Symbolvariante sowie Titel und Icon angezeigt.

🔍 Zweck

• Auswahl von Theme- oder Akzentfarben in einer App
• Anpassung von UI-Elementen durch den Nutzer
• Prototyping von Farbanpassungsfunktionen
• Integration einer einfachen Farbauswahl in Einstellungen
• Demonstration des ColorPicker in SwiftUI

🖥️ Betriebssystem

iOS

📄 Codebeispiel

import SwiftUI

@main
struct ColorPickerFormApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

public struct ContentView: View {
    // Store the currently selected color
    @State private var selectedColor: Color = .blue

    public init() {}

    public var body: some View {
        Form {
            // Color picker for selecting a theme color
            ColorPicker("Choose Theme Color",
                        selection: $selectedColor,
                        supportsOpacity: false)
            // Show both title and icon for better context
            .labelStyle(.titleAndIcon)
            // Use filled variant of the symbol for clarity
            .symbolVariant(.fill)
        }
    }
}

// Modern Swift 5.10+ preview syntax
#Preview {
    ContentView()
}