如何用Storyboard实现Border.BorderBrush的Opacity脉冲动画（避免影响内部内容）

问题出在当前结构或Brush设置方式导致动画意外影响到了内容区域，以下是修正方案：

方案1：显式声明独立的BorderBrush #

直接写Silver会创建隐式共享Brush，可能引发意外的属性继承。显式声明独立Brush，确保动画仅作用于边框画刷：

<UserControl.Resources>
    <SolidColorBrush x:Key="BorderBrush" Color="Silver"/>
    <Storyboard x:Name="myStoryboard">
        <DoubleAnimation Storyboard.TargetName="MyAnimatedBorder" 
                         Storyboard.TargetProperty="(BorderBrush.Opacity)"
                         From="1.0" To="0.0"
                         Duration="0:0:3" AutoReverse="True"
                         RepeatBehavior="Forever" />
    </Storyboard>
</UserControl.Resources>

<Border x:Name="MyAnimatedBorder" BorderThickness="6" Margin="10"
        BorderBrush="{StaticResource BorderBrush}">
    <!-- 此处放置用户控件内容，如Grid、StackPanel等 -->
    <Grid Background="White">
        <!-- 内容元素 -->
    </Grid>
</Border>

方案2：用双层Border分离边框与内容 #

通过外层Border负责动画，内层容器承载内容，彻底隔离动画影响：

<UserControl.Resources>
    <Storyboard x:Name="myStoryboard">
        <DoubleAnimation Storyboard.TargetName="OuterBorder" 
                         Storyboard.TargetProperty="(BorderBrush.Opacity)"
                         From="1.0" To="0.0"
                         Duration="0:0:3" AutoReverse="True"
                         RepeatBehavior="Forever" />
    </Storyboard>
</UserControl.Resources>

<Border x:Name="OuterBorder" BorderThickness="6" Margin="10"
        BorderBrush="Silver">
    <!-- 内层容器与外层边框分离，不受动画影响 -->
    <Border Margin="6" Background="White">
        <!-- 用户控件内容 -->
    </Border>
</Border>

后台代码保持不变 #

C#启动动画的逻辑无需修改：

private void UserControl_Loaded(object sender, RoutedEventArgs e)
{
    myStoryboard.Begin();
}

关键注意点：

• 确认动画的TargetProperty是(BorderBrush.Opacity)，而非Opacity（后者会影响整个Border及内部内容）
• 显式声明Brush或使用双层Border，避免隐式资源带来的意外影响
• 内容放在独立内层容器中，与动画边框彻底分离

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