Kreis mit Winkelverlauf

Beschreibung

ZeigtDiese View zeichnet einen aufKreis, eineder Formmit angewendeteneinem Farbverlauf,AngularGradient idealgefü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 visuelleskreative Flair.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()
}