Skip to main content

Drehendes Icon

Dieses Beispiel demonstriert, wie sich ein Symbol – in diesem 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.

import SwiftUI

struct ContentView: View {
    @State private var isRotating = false
    
    var body: some View {
        Image(systemName: "arrow.triangle.2.circlepath")
            .resizable()
            .scaledToFit()
            .frame(width: 100, height: 100)
            .rotationEffect(.degrees(isRotating ? 360 : 0))
            .animation(
                Animation.linear(duration: 2)
                    .repeatForever(autoreverses: false),
                value: isRotating)
            .onAppear {
                self.isRotating = true
            }
    }
}