wpf 中Button 边框闪烁

最新推荐文章于 2025-05-27 22:08:51 发布

fll7788

最新推荐文章于 2025-05-27 22:08:51 发布

阅读量3.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： wpf 动画文章标签： wpf 动画 binding 设计 button

本文链接：https://blog.youkuaiyun.com/fll7788/article/details/39297375

wpf 同时被 2 个专栏收录

1 篇文章

订阅专栏

动画

1 篇文章

订阅专栏

本文介绍了一种在WPF中创建闪烁按钮的方法。通过DataTrigger和ColorAnimation实现了按钮边框颜色的动态变化效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

初学WPF，还有好多东西弄不懂，有些东西学的还很混乱。工作中需要一个可以闪烁的BUTTON，看上去挺简单的，做出来也很简单，但是实现的过程对我来说还是有点艰难。

<Style TargetType="Button">

            <Style.Triggers>
                <DataTrigger Binding="{Binding Test}" Value="0">
                    <DataTrigger.EnterActions>
                        <BeginStoryboard Name="borderChangStoryboard">
                            <Storyboard>
                                <ColorAnimation Storyboard.TargetProperty="BorderBrush.Color" From="Red" To="Pink" AutoReverse="True" RepeatBehavior="Forever"></ColorAnimation>
                            </Storyboard>
                        </BeginStoryboard>
                    </DataTrigger.EnterActions>
                    <DataTrigger.ExitActions>
                        <StopStoryboard BeginStoryboardName="borderChangStoryboard"></StopStoryboard>
                    </DataTrigger.ExitActions>
                </DataTrigger>
            </Style.Triggers>
        </Style>

这个Style的设计是使用了DataTrigger，其中动画的部分稍有难度：

选择ColorAnimation与DoubleAnimation？

开始使用了DoubleAnimation，想用opacity控制变化，但是Storyboard.TargetName属性设置会出错，所幸就放弃了。

然后使用ColorAnimation，但还是有错，错误原因“colorAnimation动画对象不能用于动画属性BorderBrush”，上网查了下，Storyboard.TargetProperty="BorderBrush"改为Storyboard.TargetProperty="BorderBrush.Color"，成功了！