RealityKit Basics: SwiftUI Animation Completion
Calling code when our animation finishes.
Just like with most other SwiftUI animations, we can include a completion block. We can use this to update state, save data, or trigger the next part of a sequence or workflow. In this example we’ll increment a counter anytime our scale animation completes.
struct Example111: View {
// For this example, we'll use a state var. In a production app it makes more sense to keep entity state in components
@State private var subjectAToggle = false
@State private var animationCounter: Int = 0
var body: some View {
RealityView { content in
let subjectA = createStepDemoBox("subjectA", true)
content.add(subjectA)
let tapA = TapGesture().onEnded({ [weak subjectA] _ in
// We'll use a SwiftUI animation to scale the entity
Entity.animate(.bouncy(duration: 0.6, extraBounce: 0.2), body: {
subjectAToggle.toggle()
if let entity = subjectA {
let scaler: Float = subjectAToggle ? 1.5 : 1.0
entity.scale = .init(repeating: scaler)
}
}, completion: {
// When the animation finishes we'll increment the counter
withAnimation(.easeOut) {
animationCounter += 1
}
})
})
let gestureA = GestureComponent(tapA)
subjectA.components.set(gestureA)
}
.toolbar {
ToolbarItem(placement: .bottomOrnament, content: {
HStack {
Text("Count:")
Spacer()
Text("\(animationCounter)")
.contentTransition(.numericText(countsDown: false))
}
.font(.title)
.frame(width: 120)
})
}
}
}Support our work so we can continue to bring you new examples and articles.
Download the Xcode project with this and many more examples from Step Into Vision.
Some examples are provided as standalone Xcode projects. You can find those here.
Follow Step Into Vision