CSS-like transitions

[LukeTOBrien]

Hello there,

I am interested in building an app for MAUI and I have recently started creating my new project in WPF, assuming that MAUI will too be XAML I can port my app when it comes to it.
I come from a mainly web background and although I love XAML I have not had a chance to do any.

I have a grid layout with two row definitions with their height bound to the State property of an internal object (using an IValueConverter).
So when in Hidden state the rows adjust their height.
In CSS I could do transition: height 2s but in XAML I have to create a Storyboard and there is no easy way to animate RowDefinition, I have come across this SO answer.

So I suggest perhaps:

<Grid.Transitions>
   <Transition x:Name="Slide" PropertyName="Height" Duration="2s"/>
<Grid.Transitions>

Or in my binding case:

<RowDefinition Height="{Binding State, Converter={StaticResource StateToGridLength}, Transition="Slide"}" />

I just wanted to put this down while it's in my head.
What do you think?

Is MAUI even going to be XAML? I assume it is and will it have the same features as exist in WPF?
I understand Xamarin.Forms is slightly different to WPF.

[mrwcjoughin]

MAUI is going to use XAML - and its Xamarin.Forms' XAML not WPF or UWP's the only upgrade path I have heard of is from Xamarin.Forms to MAUI - not sure if they will offer one for WPF to MAUI

…

On Wed, Jan 20, 2021 at 1:44 PM LukeTOBrien ***@***.***> wrote: Hello there, I am interested in building an app for MAUI and I have recently started creating my new project in WPF, assuming that MAUI will too be XAML I can port my app when it comes to it. I come from a mainly web background and although I love XAML I have not had a chance to do any. I have a grid layout with two row definitions with their height bound to the State property of an internal object (using an IValueConverter). So when in Hidden state the rows adjust their height. In CSS I could do transition: height 2s but in XAML I have to create a Storyboard and there is no easy way to animate RowDefinition, I have come across this SO answer <https://stackoverflow.com/questions/46771899/how-to-animate-grid-row-height> . So I suggest perhaps: <Grid.Transitions> <Transition x:Name="Slide" PropertyName="Height" Duration="2s"/> <Grid.Transitions> Or in my binding case: <RowDefinition Height="{Binding State, Converter={StaticResource StateToGridLength}, Transition="Slide"}" /> I just wanted to put this down while it's in my head. What do you think? Is MAUI even going to be XAML? I assume it is and will it have the same features as exist in WPF? I understand Xamarin.Forms is slightly different to WPF. — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#302>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ACOGERUML3Q5TSYKQRWXM5LS2263HANCNFSM4WKRPZTA> .