Page Transitions in WPF

Question

Page Transitions in WPF

Muhammad Humam Khan 26

Hello,

I just started using ModernWpf and I am relatively new to programing and WPF. I am creating an application using mvvm I want to change the page transition to DrillInNavigationTransition, so far what I have found is that its done li this

Frame.Navigate(typeof(AlbumPage), albumId, new DrillInNavigationTransitionInfo())

but since I am working with mvvm is their anyway I can achieve this in View Model.

Is their anyway I can define the transition type in view xaml? If anyone can help me with this or provide any example or any other solution then that would be really helpful

Thank You.

Hui Liu-MSFT 48,676 Reputation points Microsoft External Staff

2022-06-06T10:00:45.647+00:00

Hi,@Muhammad Humam Khan . Could you show minimal complete code that reproduces the problem?
Muhammad Humam Khan 26 Reputation points

2022-06-06T10:29:23.343+00:00
Here how its used is Sample App

XAML

xmlns:ui="http://schemas.modernwpf.com/2019"

<ui:Frame x:Name="ContentFrame" MinHeight="600" HorizontalAlignment="Stretch">
<ui:Frame.ContentTransitions>
<ui:TransitionCollection>
<ui:NavigationThemeTransition />
</ui:TransitionCollection>
</ui:Frame.ContentTransitions>
</ui:Frame>

Code

private void ForwardButton1_Click(object sender, RoutedEventArgs e)
{

var pageToNavigateTo = ContentFrame.BackStackDepth % 2 == 1 ? typeof(SamplePages.SamplePage1) : typeof(SamplePages.SamplePage2); if (_transitionInfo == null) { // Default behavior, no transition set or used. ContentFrame.Navigate(pageToNavigateTo, null); } else { // Explicit transition info used. ContentFrame.Navigate(pageToNavigateTo, null, new DrillInNavigationTransitionInfo()); }

I want to archive the same result this code produce but in MVVM.
Hui Liu-MSFT 48,676 Reputation points Microsoft External Staff

2022-06-07T02:15:16.603+00:00

Hi,@Muhammad Humam Khan . Is your current project a ModernWpf application project or a wpf project using the nuget package ModernWpfUI?
Muhammad Humam Khan 26 Reputation points

2022-06-07T05:36:10.447+00:00

I am using nuget package ModernWpfUI to create a wpf application,

The code above is from ModernWpfUI nuget package sample application and want to achieve the same result in my WPF application using MVVM.

Your answer

Hui Liu-MSFT 48,676 Reputation points Microsoft External Staff

2022-06-06T10:00:45.647+00:00

Hi,@Muhammad Humam Khan . Could you show minimal complete code that reproduces the problem?
Muhammad Humam Khan 26 Reputation points

2022-06-06T10:29:23.343+00:00

Here how its used is Sample App

XAML

xmlns:ui="http://schemas.modernwpf.com/2019"

<ui:Frame x:Name="ContentFrame" MinHeight="600" HorizontalAlignment="Stretch">
<ui:Frame.ContentTransitions>
<ui:TransitionCollection>
<ui:NavigationThemeTransition />
</ui:TransitionCollection>
</ui:Frame.ContentTransitions>
</ui:Frame>

Code

private void ForwardButton1_Click(object sender, RoutedEventArgs e)
{

var pageToNavigateTo = ContentFrame.BackStackDepth % 2 == 1 ? typeof(SamplePages.SamplePage1) : typeof(SamplePages.SamplePage2); if (_transitionInfo == null) { // Default behavior, no transition set or used. ContentFrame.Navigate(pageToNavigateTo, null); } else { // Explicit transition info used. ContentFrame.Navigate(pageToNavigateTo, null, new DrillInNavigationTransitionInfo()); }

I want to archive the same result this code produce but in MVVM.
Hui Liu-MSFT 48,676 Reputation points Microsoft External Staff

2022-06-07T02:15:16.603+00:00

Hi,@Muhammad Humam Khan . Is your current project a ModernWpf application project or a wpf project using the nuget package ModernWpfUI?
Muhammad Humam Khan 26 Reputation points

2022-06-07T05:36:10.447+00:00

I am using nuget package ModernWpfUI to create a wpf application,

The code above is from ModernWpfUI nuget package sample application and want to achieve the same result in my WPF application using MVVM.

Share via

Page Transitions in WPF

Your answer