[Spec] Transitions about maui HOT 24 OPEN

This should have much higher priority in my opinion.

from maui.

What's the status on this? It's the oldest open issue in this repo. Added to "Under consideration" about 6 months ago. Is it still under consideration?
Shared transitions like these really do help improve look and feel for an app, as well as perceived speed of the app.

from maui.

Regarding shared transitions, please note that if you want to make a transition from a list of items (for example a Collectionview) the "TransitionTag" property could not be enough to identify the view you want to animate.

Imagine a DataTemplate with a list of items containing an image and a text, every image is different but the TransitionTag is always the same (for example: "ImageToTransition").

When you tap an element, the Navigation Renderer need to know exaclty what element need to be translated, and if you have a single tag for all your images in the CollectionView this could be a problem.

In my plugin i resolved using a TransitionGroup property wich i use to identify the element to translate.

I would like to contribute to this feature but my code for Android is not stable enough (there are problems with ChildFragments when using TabbedPages/MasterPage, but in shell i think is fine), also in iOS i sue some hacks to make good transitions shape.

I reworked a lot of code from the first version and now looks better but i dont think is good enough to go in core, but i'm ready to help and contribute if needed
https://github.com/GiampaoloGabba/Xamarin.Plugin.SharedTransitions

from maui.

@felipebaltazar It could be something similar to the proposal to create custom transitions in TabView xamarin/Xamarin.Forms#10773 I will do some tests and after that we will review the Spec.

Sounds good!!!!
I've done some animations on Xamarin.Forms.Skeleton repository, maybe it can help for new ideas... I don't know...

https://github.com/HorusSoftwareUY/Xamarin.Forms.Skeleton

from maui.

Suggestion

Perhaps a property that receives an animation instead of an enum?
To be able to extend and receive customized animations that need to implement some ITransitionAnimation interface.
And some predefined animations to use like NamedSize on fonts

Example:

<ContentPage
     Transition=“{local:MyCustomTransition}"
     TransitionDuration="750" />

Or predefined "Named Transitions"

<ContentPage
     Transition=“Fade"
     TransitionDuration="750" />

from maui.

or perhaps internally if the parent of the element is a collection, create the group automatically.

i tried this approach but it was a bit difficult. For example in a collectionview we can start a navigation based on the SelectedItem change.
It was much easier to "slap" a property for grouping and then let the user decide when and how to use it :)

Btw i'm planning to write here a small doc covering the basis architecture i used to develop this (how to track transitions and how to make it happen in iOS, because there is not native support to that and i had to develop everything by hand, while it is much easier in Android, if you exclude child fragments generated by tappedpage and MasterDetail)

Just in case there are maybe some good ideas to port here and exclude the bad ones, wich, i'm sure, will be a lot :)

from maui.

@felipebaltazar It could be something similar to the proposal to create custom transitions in TabView xamarin/Xamarin.Forms#10773 I will do some tests and after that we will review the Spec.

@GiampaoloGabba It will definitely be great to have your feedback on this API. If you want to contribute, as in Xamarin.Forms we will accept PRs and I will be happy to help you. About the parameter that you indicate for collections, I have reviewed it and you are right. Mnn, we can add an extra property to cover these cases (TransitionGroup), or perhaps internally if the parent of the element is a collection, create the group automatically.

from maui.

Btw a lot of my code could be greatly simplified if some properties can be integrated in the main core

from maui.

Is there any workaround on how to implement a traditional transition from bottom to top until this is developed?

For making a page appear from bottom to top I have to embed the page content into the parent page as a custom control and then run a custom open/close animation on it. I cannot think of anything else.

from maui.

Is there any update on this?

from maui.

Is there any workaround on how to implement a traditional transition from bottom to top until this is developed?

For making a page appear from bottom to top I have to embed the page content into the parent page as a custom control and then run a custom open/close animation on it. I cannot think of anything else.

Try this net-maui-navigation-animation?

from maui.

I think Flutter has it

from maui.

Is this going to be on roadmap?

If I was a betting man, I'd put my money on "no".

from maui.

Is this going to be on roadmap?

If I was a betting man, I'd put my money on "no".

That was funny, Really this transition so much required. Any workaround?

from maui.

it would be cool to see this going forward

from maui.

I checked and at least on Android all the page transition code is internal, and there is no way to override it
outside of having these 4 xml files in your project (suggested in #16353 (comment))
This should have been inside from day one, I can't hold on until .NET 9.0 to get this implemented.
Is Maui team going to provide us a way to do custom transitions

For the moment this package works fine. I tested it in net7.0 and 8.0

While that looks like a cool project, it doesn't seem to offer the kind of transitions that are requested here

from maui.

I checked and at least on Android all the page transition code is internal, and there is no way to override it
outside of having these 4 xml files in your project (suggested in #16353 (comment))
This should have been inside from day one, I can't hold on until .NET 9.0 to get this implemented.
Is Maui team going to provide us a way to do custom transitions

For the moment this package works fine. I tested it in net7.0 and 8.0

While that looks like a cool project, it doesn't seem to offer the kind of transitions that are requested here

@Phantom-KNA While it looks nice, it seems to require Shell, which I don't use.
Maui team could have provided a solution for this long ago.
In fact, they have this whole implementation that potentially could be used
to create custom transitions, except they finalized it with hard coded xml file names
and internal/private classes, for some reason.
Maui could and should be better than Xamarin.Forms, and I can't migrate to it
if it actually offers less.

from maui.

Sounds good @GiampaoloGabba, thanks!

from maui.

This can be really cool feature

from maui.

Is this going to be on roadmap?

from maui.

Really, really we need this!!!

from maui.

I checked and at least on Android all the page transition code is internal, and there is no way to override it
outside of having these 4 xml files in your project (suggested in #16353 (comment))
This should have been inside from day one, I can't hold on until .NET 9.0 to get this implemented.
Is Maui team going to provide us a way to do custom transitions?

from maui.

I checked and at least on Android all the page transition code is internal, and there is no way to override it
outside of having these 4 xml files in your project (suggested in #16353 (comment))
This should have been inside from day one, I can't hold on until .NET 9.0 to get this implemented.
Is Maui team going to provide us a way to do custom transitions

For the moment this package works fine. I tested it in net7.0 and 8.0

from maui.

Kind of shocked that there isn't a good way to specify page transition animations in MAUI. :(

from maui.