WPF如何实现Border边框闪烁且不影响内部子元素

方案1：直接动画边框画刷的透明度 #

该方案无需修改现有控件结构，仅调整Storyboard的属性路径即可实现。
你之前将SolidColorBrush定义在Border.BorderBrush属性内部无法生效，是因为这类嵌套在属性值中的元素不在当前XAML名称范围内，Storyboard无法通过x:Name定位。

正确实现代码如下：

<!-- Border 正常定义即可，无需拆分BorderBrush -->
<Border BorderBrush="Black" BorderThickness="3" CornerRadius="7" x:Name="outline">
   <!-- 内部子元素 --> 
</Border>

<UserControl.Resources>
    <Storyboard x:Key="valueFlasher" RepeatBehavior="Forever">
        <!-- 直接通过属性路径指定修改边框画刷的透明度 -->
        <DoubleAnimationUsingKeyFrames 
            Storyboard.TargetProperty="(Border.BorderBrush).(SolidColorBrush.Opacity)" 
            Storyboard.TargetName="outline">
            <EasingDoubleKeyFrame KeyTime="0:0:1" Value="0.2"/>
            <EasingDoubleKeyFrame KeyTime="0:0:2" Value="1"/>
        </DoubleAnimationUsingKeyFrames>
    </Storyboard>
</UserControl.Resources>

该方案适合边框为纯色画刷的场景，若后续更换为渐变画刷，仅需要调整属性路径中对应的画刷类型即可。

方案2：双层Border结构（兼容性更强） #

如果需要适配虚线、渐变、厚度变化等复杂边框效果，可以用两层Border完全隔离边框和内容的渲染，不需要调整动画属性路径：

<!-- 外层Border仅负责边框渲染，背景设置为透明 -->
<Border x:Name="outline" BorderBrush="Black" BorderThickness="3" CornerRadius="7" Background="Transparent">
    <!-- 内层Border承载内容，圆角和外层对齐即可 -->
    <Border CornerRadius="7">
        <!-- 内部子元素 -->
    </Border>
</Border>

此时直接沿用你最初的动画逻辑即可，外层Border没有实际内容，修改Opacity只会影响边框显示，完全不会干扰内部子元素状态：

<UserControl.Resources>
    <Storyboard x:Key="valueFlasher" RepeatBehavior="Forever">
        <DoubleAnimationUsingKeyFrames 
            Storyboard.TargetProperty="(UIElement.Opacity)" 
            Storyboard.TargetName="outline">
            <EasingDoubleKeyFrame KeyTime="0:0:1" Value="0.2"/>
            <EasingDoubleKeyFrame KeyTime="0:0:2" Value="1"/>
        </DoubleAnimationUsingKeyFrames>
    </Storyboard>
</UserControl.Resources>

该方案没有画刷类型限制，后续修改边框样式不需要调整动画代码，可维护性更高。

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