Ateik
Ateik

Reputation: 2586

How to implement connected animation in Xamarin.Forms?

In UWP you can create great tansitions on page navigation: enter image description here

https://learn.microsoft.com/en-us/windows/uwp/design/motion/connected-animation

Even flutter has something similar: https://flutter.dev/docs/development/ui/animations/hero-animations

How can we create such thing on Xamarin?

Upvotes: 5

Views: 1498

Answers (1)

mico
mico

Reputation: 12738

Do you mean something similar to this:

Shared element transitions are animations connecting common elements from one page to another. A shared element transition determines how elements that are present in two pages transition between them. For example, an image that is displayed on both Page A and Page B, transitions from A to B when B becomes visible.

This is description of this [1] xamarin plugin, which is also available here [2].

I found it here [3].

Sources:

[1] https://github.com/GiampaoloGabba/Xamarin.Plugin.SharedTransitions

[2] https://www.nuget.org/packages/Xamarin.Plugin.SharedTransitions/

[3] Transition animation for Android using Xamarin Forms

Upvotes: 3

Related Questions