Wpf按钮，同时具有结果数据触发情节提要和鼠标悬停背景

本文关键字：背景 悬停 鼠标 按钮 数据 结果 Wpf | 更新日期: 2023-09-27 18:20:31

我想实现这个功能：一个绑定到命令的按钮，可以以红色或绿色闪烁的形式返回命令是否成功。同时，我希望这个按钮看起来像其他按钮。

这是我现在的代码：

 <Button IsEnabled="{Binding EmptyingAllowed}" Content="Töm lista" Foreground="#555555" FontWeight="SemiBold" Height="20" Width="65" Command="{Binding EmptyListCommand}" >
        <Button.Style>
            <Style TargetType="Button">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="Button">
                            <Border BorderBrush="#BBBBBB" Padding="1" BorderThickness="0,0,1,1" Background="#DDDDDD">
                                    <Grid Background="{TemplateBinding Background}">
                                        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
                                    </Grid>
                                </Border>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                    <Style.Triggers>
                        <DataTrigger Binding="{Binding ClearedOk}" Value="Ok">
                            <DataTrigger.EnterActions>
                                <BeginStoryboard>
                                    <Storyboard>
                                        <ColorAnimation AccelerationRatio="0.2" DecelerationRatio="0.01" AutoReverse="True" Duration="0:0:1" To="LawnGreen" Storyboard.TargetProperty="(Button.Background).(SolidColorBrush.Color)"/>
                                    </Storyboard>
                                </BeginStoryboard>
                            </DataTrigger.EnterActions>
                        </DataTrigger>
                        <DataTrigger Binding="{Binding ClearedOk}" Value="Error">
                            <DataTrigger.EnterActions>
                                <BeginStoryboard>
                                    <Storyboard>
                                        <ColorAnimation  AccelerationRatio="0.2" DecelerationRatio="0.01" AutoReverse="True" Duration="0:0:1" To="Red" Storyboard.TargetProperty="(Button.Background).(SolidColorBrush.Color)"/>
                                    </Storyboard>
                                </BeginStoryboard>
                            </DataTrigger.EnterActions>
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </Button.Style>
        </Button>

当命令执行时，ClearedOk被设置为"Ok"或"Error"，然后设置为"Empty"，这会导致我正在寻找的闪光灯，不幸的是，通常的mouseOver效果由于某种原因而丢失，如果我添加了mouseOver触发器，它总是优先于闪烁效果，这意味着只有按钮不是mouseOver:ed时，闪光灯才可见。

有解决办法吗？

Wpf按钮，同时具有结果数据触发情节提要和鼠标悬停背景

尝试使用state属性制作数据模板和模型，然后在模板中绑定到这些属性。

 <DataTemplate x:Key="DataTemplate">
        <Grid >
            <Ellipse Stroke="White"
                     StrokeThickness="5"
                     Fill="{Binding State, Converter={StaticResource CheckToColorConverter}}"/>
        </Grid>
    </DataTemplate>
相关文章：