Skip to main content

Wechseln der Farbe

Hier wird ein Quadrat gezeichnet. Beim Starten wird das Rechteck in rot angezeigt. Durch einen Tap auf das Quadrat, wechselt die Farbe nach Grün. Bei jedem weiteren Tap wird die nächste Farbe aus dem Array colors genommen. Wird Lila angezeigt und es gibt einen erneuten Tap, wird wieder rot angezeigt.

import SwiftUI

struct ContentView: View {
    @State private var colorIndex = 0
    let colors: [Color] = [.red, .green, .blue, .orange, .purple]
    
    var body: some View {
        Rectangle()
            .fill(colors[colorIndex])
            .frame(width: 200, height: 200)
            .onTapGesture {
                colorIndex = (colorIndex + 1) % colors.count
            }
            .animation(.easeInOut(duration: 0.5), value: colorIndex)
    }
}

#Preview {
    ContentView()
}