C# WPF - TransitioningContentControl with App.content

Question

I Work with the theme of MahApps (Metro Dark) I looked the animations of this theme.

I came to a dead end: indeed I created a system to switch between different UserControl, that is to say that I have only one window and clicking on different buttons, I have this or such UserControl. But now I am with this system switch, I have no animation (only the start of the application).

How can I make an animation for each change in UserControl (Keeping Metro theme)?

Somebody ask me : use TransitioningContentControl

But i made my switcher like this :

class Switcher
{
    public static UserControl WClient;
    public static UserControl WHome;
    public static UserControl WDataBase;

    public Switcher()
    {
        WClient = new Windows.Client();
        WHome = new Windows.Home();
        WDataBase = new Windows.DataBase();
    }

    public static void currentWindow(UserControl window, string color)
    {

        Window curApp = Application.Current.MainWindow;
        curApp.Content = window;

        if (window == WClient)
        {
            curApp.Title = "CLIENT - INFO-TOOLS - BY NAOGRAFIX";
        }
        else if (window == WDataBase)
        {
            curApp.Title = "DATABASE - INFO-TOOLS - BY NAOGRAFIX";
        }
        else
        {
            curApp.Title = "HOME - INFO-TOOLS - BY NAOGRAFIX";
        }

        currentColor(color); 
  }

}

Now, when i clic on a button (to switch userControl) i use this :

private void BtnDataBase_Click(object sender, RoutedEventArgs e)
{
     var color = "Red";

     if (DataBase.isConnected) { color = "Green"; }
     Switcher.currentWindow(Switcher.WDataBase, color);
}

I use CONTENT, i dont know if i can use TransitioningContentControl

Help :)

Nao*

Answer 1

You do need to use transitioning content control as you have said. You can add that as the direct content of the window then access it by name from the mainwindow and change its content instead.

Xaml

<metro:TransitioningContentControl x:Name="tContent"/>

C#

((ContentControl)curApp.FindName("tContent")).Content = window;

You will need the xml namespace definition

xmlns:metro="clr-namespace:MahApps.Metro.Controls;assembly=MahApps.Metro"

and you can change the transition using the Transition property on TransitioningContentControl