animate scaling a rectangle from 0.5 to 1.5 in size forever in swiftui, using withanimation or animation(_:value:) in swift in swift

Here's an example of how to animate scaling a rectangle from 0.5 to 1.5 forever in SwiftUI using withAnimation:


main.swift
struct AnimatedRectangle: View {
    @State private var scale: CGFloat = 0.5
    
    var body: some View {
        Rectangle()
            .scaleEffect(scale)
            .foregroundColor(.blue)
            .animation(Animation.easeInOut(duration: 1).repeatForever())
            .onAppear {
                withAnimation {
                    self.scale = 1.5
                }
            }
    }
}
402 chars
16 lines

In this example, we use the scaleEffect modifier to scale the rectangle based on the scale state variable. We then use the animation modifier to specify the animation we want to run. We're using the easeInOut timing curve with a 1 second duration, and calling repeatForever to create an animation that loops indefinitely.

Finally, we use the onAppear modifier to trigger the animation by changing the scale state variable from 0.5 to 1.5 with the withAnimation closure.

You can also achieve this using the animation(_:value:) function. Here's an example:


main.swift
struct AnimatedRectangle: View {
    @State private var scale: CGFloat = 0.5
    
    var body: some View {
        Rectangle()
            .scaleEffect(scale)
            .foregroundColor(.blue)
            .animation(.easeInOut(duration: 1), value: scale)
            .onAppear {
                Timer.scheduledTimer(withTimeInterval: 2, repeats: true) { _ in
                    withAnimation {
                        self.scale = self.scale == 0.5 ? 1.5 : 0.5
                    }
                }
            }
    }
}
527 chars
18 lines

In this example, we use the animation(_:value:) function to specify the animation and the scale state variable as the value that triggers the animation. We're also using a Timer to switch between the scale values of 0.5 and 1.5 every 2 seconds.

similar swift code snippets

create a grid where the squares can be moved with matched geometry effect in swiftui in swift

display a gif in swiftui in swift

animate scaling a rectangle from 0.5 to 1.5 in size in swiftui, using withanimation or animation(_:value:) in swift

create a bottom expanding view like the one in apple music in swiftui in swift

swiftui animation spinner in swift

forever change scale of rectangle from 0.5 to 1.5 as long as it is visible in swiftui in swift

create a trippy relaxing interactive fluid to play with on swiftui in swift

swiftui animate circle in swift

a swiftui map in swift

swiftui view with vstack in swift

related categories

swiftui

animation