Endlos rotierendes Symbol

Beschreibung

DiesesDiese BeispielView demonstriert,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 sich„Synchronisation einläuft“
Symbol

–

🖥️ inBetriebssystem

diesem

iOS

Fall

📄 das Aktualisierungs-Icon – endlos um 360 Grad dreht. Die Rotation startet automatisch beim Anzeigen der Ansicht und nutzt eine lineare Animation ohne Umkehrung. Ideal für Ladeanzeigen oder andere visuelle Hinweise auf laufende Prozesse.

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)isRotating
            )
            // Start rotation when the view appears
            .onAppear {
                self.isRotating = true
            }
            .padding()
    }
}

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