Skip to main content

Farblich angepasste Statusanzeige

Das Steuern einer farblich abgesetzten Statusanzeige durch einen Slider. Der Bereich von 0% bis 100% wird von rot bis grün entsprechend mit einem Farbverlauf dargestellt.

import SwiftUI

struct ContentView: View {
    @State private var value: Double = 0.7
    
    var body: some View {
        VStack {
            Gauge(value: value) {
                Text("Progress")
            } currentValueLabel: {
                Text("\(Int(value * 100))%")
            }
            .gaugeStyle(.accessoryCircularCapacity)
            .tint(Gradient(colors: [.green, .yellow, .red]))
            
            Slider(value: $value)
                .padding()
        }
    }
}