Load Transition/Animation

[The Cowboy]

Do you have an sample for applying a transition when loading  a diagram.  For example, if I have an existing diagram and want to fade or zoom to a new diagram when I issue the Load() command?

[Francois Vanderseypen]

There are various ways to achieve this. For example;

// somewhere in the constructor, for example
diagram.ItemsChanged += DiagramOnItemsChanged;


private void DiagramOnItemsChanged(object sender, DiagramItemsChangedEventArgs e)
{
    if (e.NewItems.OfType<IDiagramItem>().Any())
    {
        foreach (var item in e.NewItems.OfType<IDiagramItem>())
        {
            var fa = new DoubleAnimation { Duration = TimeSpan.FromSeconds(5), From = 0d, To = 1d, EasingFunction = new CubicEase() };
            var sb = new Storyboard();
            sb.Children.Add(fa);
            Storyboard.SetTarget(fa, item as DependencyObject);
            Storyboard.SetTargetProperty(fa, new PropertyPath("Opacity"));
            sb.Begin();
        }

    }
}

Hope this helps, Fr.

[The Cowboy]

Good idea.

I also though about have a second RadDiagram, loading what I want in there, and then animating the active one out and the new one in.

[Hristo]

Hi,

Having two diagrams would have affect over the performance though. That's why I personally prefer Francois approach, which is simple and cohesive.
However, the way you should implement it depends what fits best in your case.

All the best,
Hristo
the Telerik team

[The Cowboy]

Thanks for all the suggestions, but I simply used the RadTransitionControl. Works like a charm.