[Feature request] Add transition animations to elements when switching pages

[Dunocat639YT]

Describe what this adds or solves

This feature request is asking for a visual enhancement inspired by the Ambie White Noise app available on the Microsoft Store. In that app, UI elements (such as buttons or settings options) animate smoothly into view when navigating between tabs or sections. This gives a much more polished, modern, and professional look and feel to the application.

Describe the solution you'd like

This is a suggestion for a new feature that improves the user experience. It's not related to a bug or issue, but rather a potential UX/UI upgrade that could elevate the overall look and feel of DLSS Swapper.

Additional context

I would love to see smooth transition animations added when navigating between different parts of the app, especially the settings page. It could be something similar to what Ambie White Noise does — subtle, elegant animations that make elements appear gracefully rather than instantly.

I believe DLSS Swapper uses WinUI 3 for the interface, just like I think Ambie White Noise also does, so it should be feasible to implement this kind of animation with built-in tools from the framework.

I would do it myself but I have very little experience with C# and I don't quite understand how the Dlss Swapper UI is organized in the code.

I would also like to upload a video, but for some reason the upload fails everytime. So I'll use Google Drive instead. You can use this link: https://drive.google.com/file/d/1a9lrtl23hwKbHsKeAwsiUv-8v54Z-Gy6/view?usp=sharing

[beeradmoore]

A nice little bit of polish is always nice.

I had a look at Ambie, both from the Windows Store and source code. It looks like they are using a NavigationTransitionInfo (or at least its subclasses) to accomplish this. I was able to demo it in DLSS Swapper by changing Content.Content = to Content.Navigate( in GoToPage method of Mainwindow.xaml.cs where I could then pass through different animations. This changes part of the way I do all navigation as I was previously keeping a reference to each page, but using .Navigate( does not let me do that in the same way. So I'll need to think of the considerations, or to see if I can set transitions another way.

(EDIT: I can see they set it on a per page thing so I would not have to change my existing navigation

<Grid x:Name="RootPanel" Grid.Column="1">
  <Grid.ChildrenTransitions>
    <EntranceThemeTransition FromVerticalOffset="50" IsStaggeringEnabled="True" />
  </Grid.ChildrenTransitions>

)

Each animation requires its own tuning, so I'd also have to check how they can be handled on each page.