Endlos rotierendes Symbol

Beschreibung

Diese View zeigt ein System-Symbol, das beim Erscheinen der View kontinuierlich rotiert. Die Animation läuft linear, ohne Richtungsumkehr, und vermittelt so einen endlosen Rotations-Effekt.

🔍 Zweck

• Darstellung eines Lade- oder Aktivitätsindikators
• Visualisierung von Prozessen in Bewegung
• Einsatz in UI-Designs mit dynamischen Symbolen
• Prototyping von Animationseffekten in SwiftUI
• Unterstützung von Statusanzeigen wie „Synchronisation läuft“

🖥️ Betriebssystem

iOS

📄 Codebeispiel

import SwiftUI

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

public struct ContentView: View {
    // Track whether the symbol should be rotating
    @State private var isRotating = false

    public init() {}

    public var body: some View {
        Image(systemName: "arrow.triangle.2.circlepath")
            .resizable()
            .scaledToFit()
            .frame(width: 100, height: 100)
            // Apply rotation effect based on state
            .rotationEffect(.degrees(isRotating ? 360 : 0))
            // Use linear animation that repeats forever
            .animation(
                Animation.linear(duration: 2)
                    .repeatForever(autoreverses: false),
                value: isRotating
            )
            // Start rotation when the view appears
            .onAppear {
                isRotating = true
            }
            .padding()
    }
}

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