如何实现无淡入淡出效果的边框循环闪烁（2秒亮2秒灭）

现有代码错误原因 #

• 两个DiscreteDoubleKeyFrame的KeyTime完全相同，同一时间点两次赋值不会产生时长间隔的切换效果
• 如果你仅需要边框闪烁不影响控件内部内容，直接修改控件整体Opacity会导致内部内容同步闪烁，不符合边框独立闪烁的需求

正确实现方案 #

两种实现方式均为无渐变的离散切换效果，可按需选择：

方案1：仅控制边框透明度（推荐，不影响内部内容） #

如果你的目标对象是Border类控件，用如下代码：

<BeginStoryboard>
    <Storyboard RepeatBehavior="Forever">
        <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush.Opacity" Duration="0:0:4">
            <!-- 前2秒保持亮起（透明度1） -->
            <DiscreteDoubleKeyFrame KeyTime="0:0:0" Value="1" />
            <!-- 2秒整切换为熄灭状态，可按需求修改透明度数值 -->
            <DiscreteDoubleKeyFrame KeyTime="0:0:2" Value="0.1" />
            <!-- 4秒整切回亮起状态，自动进入下一轮循环 -->
            <DiscreteDoubleKeyFrame KeyTime="0:0:4" Value="1" />
        </DoubleAnimationUsingKeyFrames>
    </Storyboard>
</BeginStoryboard>

方案2：直接控制边框显示状态 #

如果不需要半透明效果，直接切换边框显隐更直观：

<BeginStoryboard>
    <Storyboard RepeatBehavior="Forever">
        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderThickness" Duration="0:0:4">
            <!-- 前2秒显示边框，厚度数值可按实际需求调整 -->
            <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="1" />
            <!-- 2秒整隐藏边框 -->
            <DiscreteObjectKeyFrame KeyTime="0:0:2" Value="0" />
            <!-- 4秒整切回显示状态，自动进入下一轮循环 -->
            <DiscreteObjectKeyFrame KeyTime="0:0:4" Value="1" />
        </ObjectAnimationUsingKeyFrames>
    </Storyboard>
</BeginStoryboard>

核心逻辑说明 #

• 整个动画周期设为4秒，刚好匹配2秒亮+2秒灭的需求
• 全部使用Discrete开头的离散关键帧类型，时间到了直接跳转属性值，没有任何渐变过渡效果
• 所有时间点严格对应状态切换节点，不会出现同时间多次赋值的冲突

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