How do you do transition effects using the Frame control in WPF?

by

There is a similar problem discussed here: Transition Fade Animation When Navigating To Page Using the technique described there you can slide\move your frame control each time a new page is navigated. Smth like this:

xaml:

...
<Frame Name = "frame" Navigating="frame_Navigating">
...

code:

...
private bool                        _allowDirectNavigation = false;
private NavigatingCancelEventArgs   _navArgs = null;
private Duration                    _duration = new Duration(TimeSpan.FromSeconds(1));
private double                      _oldHeight = 0;

private void frame_Navigating(object sender, NavigatingCancelEventArgs e)
{
    if (Content!=null && !_allowDirectNavigation)
    {
        e.Cancel = true;

        _navArgs = e;
        _oldHeight = frame.ActualHeight;

        DoubleAnimation animation0 = new DoubleAnimation();
        animation0.From = frame.ActualHeight;
        animation0.To = 0;
        animation0.Duration = _duration;
        animation0.Completed += SlideCompleted;
        frame.BeginAnimation(HeightProperty, animation0);
    }
    _allowDirectNavigation = false;
}

private void SlideCompleted(object sender, EventArgs e)
{
    _allowDirectNavigation = true;
    switch (_navArgs.NavigationMode)
    {
        case NavigationMode.New:
            if (_navArgs.Uri == null)
                frame.Navigate(_navArgs.Content);
            else
                frame.Navigate(_navArgs.Uri);
            break;
        case NavigationMode.Back:
            frame.GoBack();
            break;
        case NavigationMode.Forward:
            frame.GoForward();
            break;
        case NavigationMode.Refresh:
            frame.Refresh();
            break;
    }

    Dispatcher.BeginInvoke(DispatcherPriority.Loaded,
        (ThreadStart)delegate()
        {
            DoubleAnimation animation0 = new DoubleAnimation();
            animation0.From = 0;
            animation0.To = _oldHeight;
            animation0.Duration = _duration;
            frame.BeginAnimation(HeightProperty, animation0);
        });
}
...

hope this helps, regards

More Related Contents:

  1. Add n rectangles to canvas with MVVM in WPF
  2. Implementing a log viewer with WPF
  3. Enter key pressed event handler
  4. Setting the Style property of a WPF Label in code?
  5. Watermark / hint / placeholder text in TextBox?
  6. Load a WPF BitmapImage from a System.Drawing.Bitmap
  7. WPF MVVM navigate views
  8. Delete a file being used by another process
  9. How can you clone a WPF object?
  10. In my WPF application, my loaded PNG logo in image shows at design time but not at run time
  11. Options for embedding Chromium instead of IE WebBrowser control with WPF/C# [closed]
  12. How do I build a DataTemplate in c# code?
  13. ReSharper WPF error: “Cannot resolve symbol “MyVariable” due to unknown DataContext”
  14. Using Image control in WPF to display System.Drawing.Bitmap
  15. ListBox items return string, when DataTemplate is Button
  16. Close Window from ViewModel [duplicate]
  17. How to update textbox on GUI from another thread [duplicate]
  18. How to write a ViewModelBase in MVVM
  19. Set focus on textbox in WPF
  20. How can I set the color of a selected row in DataGrid
  21. WPF equivalent to TextRenderer
  22. WPF Error 40 BindingExpression path error: property not found on ‘object’
  23. Use “real” CultureInfo.CurrentCulture in WPF Binding, not CultureInfo from IetfLanguageTag
  24. How do I display progress during a busy loop?
  25. Simple way to display row numbers on WPF DataGrid
  26. OpenClipboard failed when copy pasting data from WPF DataGrid
  27. Get selected value from combo box in C# WPF
  28. How do I keep aspect ratio on scalable, scrollable content in WPF?
  29. How to scroll to the bottom of a ScrollViewer automatically with Xaml and binding?
  30. WPF – converting Bitmap to ImageSource

Leave a Comment