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
}
}
}