How to achieve liquid glass button morph transition

UI Frameworks SwiftUI
Julsalim OP
Created 5d
Replies 1
Boosts 0
Views 54
Participants 2

Hi guys,

I’m new on SwiftUI world. I wanted to ask how to achieve this kind of morph transition with ToolbarItem button just like the picture attached below.

I have tried using Menu & confirmationDialog API but i didn’t achieve the same kind of looks here. Is there some kind of native API for this kind of transition?

Thanks in advance guys 😁👍

Replies  1
Boosts  0
Views  54
Participants  2
DTS Engineer OP
Apple
4d

While we can't share exactly how Apple achieved a certain effect, you can share what you tried here and others can give suggestions or guidance.

The 'morph' effect you are describing might be a zoom transition.

There's also this WWDC24 video Enhance your UI animations and transitions. This explores how to adopt zoom transitions.

 Travis

1
How to achieve liquid glass button morph transition
First post date Last post date
 
 
Q