How can I change Animation, Transitions and Styling from WinUI's App.xaml in .NET MAUI?

Question

I used to give my layouts and controls some native animations and styles for UWP back in Xamarin.Forms like this:

<Application
    xmlns:uwp="using:Xamarin.Forms.Platform.UWP">
    <Application.Resources>
        <ResourceDictionary>
            <Style x:Key="EllipsisButton" TargetType="Button">
                <Setter Property="MaxWidth" Value="0"/>
            </Style>

            <Style TargetType="uwp:FormsCommandBar" >
                <Setter Property="DefaultLabelPosition" Value="Right" />
                <Setter Property="FontWeight" Value="Bold" />
                <Setter Property="OverflowButtonVisibility" Value="Collapsed"/>
            </Style>

            <Color x:Key="SystemAccentColor">#66E91E63</Color>
            <x:Double x:Key="AppBarThemeCompactHeight">48</x:Double>
           
            <Style TargetType="uwp:LayoutRenderer">
                <Setter Property="Transitions">
                    <Setter.Value>
                        <TransitionCollection>
                            <RepositionThemeTransition />
                        </TransitionCollection>
                    </Setter.Value>
                </Setter>
                <Setter Property="ChildrenTransitions">
                    <Setter.Value >
                        <TransitionCollection>
                            <EntranceThemeTransition/>
                        </TransitionCollection>
                    </Setter.Value>
                </Setter>
            </Style>
            
        </ResourceDictionary>
    </Application.Resources>
</Application>

Is it possible on MAUI for WinUI too? I couldn't find any namespace from source code to replace xmlns:uwp="using:Xamarin.Forms.Platform.UWP"! Also Intelisenese not working in Windows's App.xaml so my only option was to asking you guys.

Answer 1

Hello,

For how to animate, transition and style controls in MAUI's xaml, you could refer to the solution in this thread: Can we able to modify the design of toggle switch in maui ?.

After you copy the default styles corresponding to the native controls to Platforms\Windows\App.xaml, you could modify the properties in the same way you modify the native WinUI3 control styles.

Best Regards,

Alec Liu.

---

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.