-
Notifications
You must be signed in to change notification settings - Fork 29.7k
Description
For WWDC24, Apple showed a new page transition. Link to a video talking about it
Some definitions because talking about page transitions is hard.
Home page: the top level page when talking about this transition.
Preview view: the view shown somewhere on the home page. When tapped, it plays a zoom transition going to the next page. Detailed view: the new page after the transition. Shows a full screen version of the preview view. Can have UI elements that were not shown in the preview view.
Sibling view: a detailed view that can be routed to directly from another detailed view. Either page can go directly bake to the home page.
The transition starts from a preview view on the previous page. From that preview view, it zooms outwards to fill the whole page. When the view goes back to the original page, then the zoom reverses and ends at the location of the preview image. So the transition needs to adjust based on the dimensions of it's preview.
The underlying page appears to darken and zoom slightly in the opposite direction. The navbar title also does a hero transition upwards to the back button location.
This is all somewhat similar to the CupertinoContextMenu animation, except instead of finishing at a modal view with a menu, it resolves to a full page.
The new page can go backwards with a swipe at the edge of the screen on a partial swipe the page transition will match the location of the touch on the screen. On a partial swipe, the page will not finish the pop and return to the detailed view.
This shows a possibility of going directly from one detailed view to another. The home page has multiple preview views with zoom transitions attached. The user goes to one detailed view, then goes directly to another sibling detailed view. This transition from detailed view to another detailed view is a standard Cupertino transition that we already support. But when going directly back to the home page, the zoom transition adjusts to finish at the correct preview view for the latest detail view.
Metadata
Metadata
Assignees
Labels
Type
Projects
Status


