Button Toggle für WiFi Status

Beschreibung

EineDiese andereView Variante,zeigt wieeinen einToggle An/Ausim KnopfButtonstil, dargestelltder werdeneinen kann.WiFi Status mit Symbol und Beschriftung darstellt. Die Farbe des Buttons wechselt abhängig vom Zustand zwischen Grün und Rot und die gefüllte Symbolvariante unterstreicht den aktiven Zustand. Der Nutzer kann den Status direkt durch Tippen ändern.

🔍 Zweck

• Schnelles Umschalten eines Netzwerk oder Service Status
• Kompakter Ersatz für klassische Schalter in Toolbars oder Karten
• Prototyping eines Settings Schalters mit klarem visuellen Feedback
• Barrierearme Steuerung mit eindeutigen Farben und Symbolik
• Demo für Toggle mit .button Stil und dynamischer Tönung

🖥️ Betriebssystem

iOS

📄 Codebeispiel

import SwiftUI

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

public struct ContentView: View {
    // Track whether Wi-Fi is enabled
    @State private var isOn = true

    public init() {}

    public var body: some View {
        Toggle(isOn: $isOn) {
            // Label pairs text with an SF Symbol
            Label("Wi-Fi", systemImage: "wifi")
        }
        // Render the toggle as a tappable button instead of a switch
        .toggleStyle(.button)
        // Use filled symbol variant to emphasize the active state
        .symbolVariant(.fill)
        // Tint color reflects the current state
        .tint(isOn ? .green : .red)
        .padding()
        // Improve accessibility by exposing the state in the label
        .accessibilityLabel(isOn ? "Wi-Fi enabled" : "Wi-Fi disabled")
    }
}

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