WPF之数据触发器 改变控件背景色或闪烁

Posted Sunny秋刀鱼

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了WPF之数据触发器 改变控件背景色或闪烁相关的知识,希望对你有一定的参考价值。

需求,很多矩形表示桶,其中:空桶=红色,满桶=绿色,使用中=红绿闪烁。

<Window x:Class="FlickerDemo.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:FlickerDemo"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">
    <Window.Resources>
        <Style TargetType="Label">
            <Style.Triggers>
                <DataTrigger Binding="{Binding RelativeSource={RelativeSource Self},Path=Tag}" Value="0">
                    <Setter Property="Background"
                        Value="Green"></Setter>
                </DataTrigger>
                <DataTrigger Binding="{Binding RelativeSource={RelativeSource Self},Path=Tag}" Value="1">
                    <Setter Property="Background"
                        Value="Red"></Setter>
                </DataTrigger>
                <DataTrigger Binding="{Binding RelativeSource={RelativeSource Self},Path=Tag}" Value="2">
                    <DataTrigger.EnterActions>
                        <BeginStoryboard Name="Shine">
                            <Storyboard RepeatBehavior="Forever">
                                <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="Background.Color">
                                    <EasingColorKeyFrame KeyTime="0" Value="Red"></EasingColorKeyFrame>
                                    <EasingColorKeyFrame KeyTime="0:0:0.5" Value="Green"></EasingColorKeyFrame>
                                </ColorAnimationUsingKeyFrames>
                            </Storyboard>
                        </BeginStoryboard>
                    </DataTrigger.EnterActions>
                    <DataTrigger.ExitActions>
                        <StopStoryboard BeginStoryboardName="Shine" />
                    </DataTrigger.ExitActions>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </Window.Resources>
    <Grid>
        <StackPanel HorizontalAlignment="Center">
            <Label Tag="0" Margin="5" Width="81" Height="45"  Foreground="White"/>
            <Label Tag="1" Margin="5" Width="81" Height="45" Foreground="White"/>
            <Label Tag="2"  Margin="5"  Width="81" Background="Green" Height="45"  Foreground="White"/>
        </StackPanel>
    </Grid>
</Window>

 

运行截图:

 

以上是关于WPF之数据触发器 改变控件背景色或闪烁的主要内容,如果未能解决你的问题,请参考以下文章

在wpf中给button设置背景图片,点击button会不停的闪烁

C# WPF DataGrid获取单元格并改变背景色

wpf 改变属性后怎么自动做出响应?

Zara带你快速入门WPF---触发器篇

winform 控件移动的闪烁问题

Winform和WPF 界面 花屏 闪烁?