UWP中几个ui元素的动画

Question

This is my code to do animation (change opacity) for one ui element.

    var animation = new DoubleAnimation
    {
        To = 0.0,
        Duration = TimeSpan.FromSeconds(5),
        FillBehavior = FillBehavior.HoldEnd
    };

    Storyboard story = new Storyboard();
    Storyboard.SetTarget(animation, element1);
    Storyboard.SetTargetProperty(animation, "Opacity");
    story.Children.Add(animation);        
    story.Begin();

It works, for some reason I need to it only programmatically. The problem is I need to animate several controls at once. Is there any solution for several controls?

Answer 1

You would have to define several animations for this controls.

var animation1 = new DoubleAnimation
{
    To = 0.0,
    Duration = TimeSpan.FromSeconds(5),
    FillBehavior = FillBehavior.HoldEnd
};

var animation2 = new DoubleAnimation
{
    To = 0.0,
    Duration = TimeSpan.FromSeconds(5),
    FillBehavior = FillBehavior.HoldEnd
};

Storyboard.SetTarget(animation1, element1);
Storyboard.SetTargetProperty(animation1, "Opacity");

Storyboard.SetTarget(animation2, element2);
Storyboard.SetTargetProperty(animation2, "Opacity");

Storyboard story = new Storyboard();
story.Children.Add(animation1);
story.Children.Add(animation2);        
story.Begin();