UWP中如何通过代码同时为多个UI元素添加透明度动画？

很简单，你只需要把单个控件的动画逻辑封装成可复用的代码，然后遍历目标控件集合，把每个控件的动画都添加到同一个Storyboard（或者按需创建独立的Storyboard）即可。下面是两种实用的实现方式：

方式一：使用同一个Storyboard批量处理（推荐） #

这种方式更高效，所有控件的动画会同步执行，也方便统一管理动画的暂停、继续等操作：

// 封装一个批量添加透明度动画的可复用方法
private void AddBatchOpacityAnimations(IEnumerable<UIElement> targetControls, double targetOpacity, double durationSeconds)
{
    var storyboard = new Storyboard();
    
    foreach (var element in targetControls)
    {
        var animation = new DoubleAnimation
        {
            To = targetOpacity,
            Duration = TimeSpan.FromSeconds(durationSeconds),
            FillBehavior = FillBehavior.HoldEnd
        };
        
        // 绑定动画到当前控件的Opacity属性
        Storyboard.SetTarget(animation, element);
        Storyboard.SetTargetProperty(animation, "Opacity");
        
        // 将动画添加到统一的Storyboard中
        storyboard.Children.Add(animation);
    }
    
    // 启动所有控件的动画
    storyboard.Begin();
}

// 调用示例：假设你有element1、element2、element3三个需要动画的控件
var controlsToAnimate = new List<UIElement> { element1, element2, element3 };
AddBatchOpacityAnimations(controlsToAnimate, 0.0, 5);

方式二：为每个控件创建独立的Storyboard #

如果需要给不同控件设置差异化的动画参数（比如不同的时长、目标透明度），可以用这种灵活的方式：

// 封装单个控件的透明度动画方法
private void AddSingleOpacityAnimation(UIElement element, double targetOpacity, double durationSeconds)
{
    var animation = new DoubleAnimation
    {
        To = targetOpacity,
        Duration = TimeSpan.FromSeconds(durationSeconds),
        FillBehavior = FillBehavior.HoldEnd
    };
    
    var storyboard = new Storyboard();
    Storyboard.SetTarget(animation, element);
    Storyboard.SetTargetProperty(animation, "Opacity");
    storyboard.Children.Add(animation);
    storyboard.Begin();
}

// 调用示例：给不同控件设置不同的动画参数
AddSingleOpacityAnimation(element1, 0.0, 5);
AddSingleOpacityAnimation(element2, 0.3, 3);
AddSingleOpacityAnimation(element3, 0.0, 7);

额外提示 #

如果需要在动画结束后执行回调逻辑，可以给Storyboard添加Completed事件，比如：

storyboard.Completed += (s, e) => 
{
    // 动画结束后要执行的代码，比如隐藏控件、触发其他逻辑
};

内容的提问来源于stack exchange，提问作者demonplus