Zoom transition in SwiftUI

Generated on 9/24/2024

1 search

The Zoom transition in SwiftUI is a new feature introduced to enhance UI animations and transitions. It allows for a more fluid and interactive experience by enabling elements to zoom in and out, maintaining continuity across transitions. This transition is particularly useful when you want to create a seamless experience as users navigate through different parts of your app.

To implement a Zoom transition in SwiftUI, you need to:

  1. Add the navigationTransitionStyle modifier to the presented view, specifying the zoom transition.
  2. Connect this modifier to a source view by specifying the same identifier and namespace, so SwiftUI knows which preview corresponds to which presented view.

This transition is continuously interactive, meaning it can be interrupted and controlled by touch, providing a responsive user experience. It is also available for use in UIKit, where similar steps are followed to adopt the zoom transition.

For more details on implementing Zoom transitions, you can refer to the session Enhance your UI animations and transitions (02:07) at WWDC 2024.

Provide feedback
Platforms State of the Union

Platforms State of the Union

Discover the newest advancements on Apple platforms.

Create custom visual effects with SwiftUI

Create custom visual effects with SwiftUI

Discover how to create stunning visual effects in SwiftUI. Learn to build unique scroll effects, rich color treatments, and custom transitions. We’ll also explore advanced graphic effects using Metal shaders and custom text rendering.

What’s new in UIKit

What’s new in UIKit

Explore everything new in UIKit, including tab and document launch experiences, transitions, and text and input changes. We’ll also discuss better-than-ever interoperability between UIKit and SwiftUI animations and gestures, as well as general improvements throughout UIKit.

Enhance your UI animations and transitions

Enhance your UI animations and transitions

Explore how to adopt the zoom transition in navigation and presentations to increase the sense of continuity in your app, and learn how to animate UIKit views with SwiftUI animations to make it easier to build animations that feel continuous.