Kreis mit Winkelverlauf

Beschreibung

Diese View zeichnet einen Kreis, der mit einem AngularGradient gefüllt wird. Der Farbverlauf rotiert kreisförmig von Rot über Blau und Grün zurück zu Rot, wodurch ein dynamisches und auffälliges Design entsteht.

🔍 Zweck

• Visualisierung von Farbverläufen in kreisförmigen Flächen
• Erstellung dekorativer UI-Elemente
• Einsatz als Hintergrund oder Indikator in einer App
• Design-Experimente mit Gradienten für kreative Effekte
• Lehrbeispiel für die Nutzung von AngularGradient in SwiftUI

🖥️ Betriebssystem

iOS

📄 Codebeispiel

import SwiftUI

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

public struct ContentView: View {
    public init() {}

    public var body: some View {
        Circle()
            // Fill circle with angular gradient going around the center
            .fill(
                AngularGradient(
                    gradient: Gradient(colors: [.red, .blue, .green, .red]),
                    center: .center
                )
            )
            .frame(width: 150, height: 150) // Fixed size for visibility
            .padding()
    }
}

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