当按钮是默认按钮或鼠标悬停在按钮上时，如何为按钮设置某种类型的突出显示？

Question

这是一个我设计的按钮，但我意识到使用该应用程序的人无法注意到按钮何时悬停/选中或类似的东西？ 我只想在选择按钮时收到某种通知或其他什么？ 任何类型的解决方案对我来说都是可以接受的，所以如果按钮被鼠标悬停，或者如果选择按钮来通知用户 就是那个按钮！

这是我当前的按钮：

 <Button x:Name="btnOk"
                    SnapsToDevicePixels="True"
                    UseLayoutRounding="True"
                    IsDefault="True"
                    Grid.Row="2"
                    Grid.Column="1"
                    FontSize="15"
                    Width="140"
                    BorderThickness="1"
                    HorizontalContentAlignment="Center"
                    VerticalContentAlignment="Center"
                    Foreground="#0091EA"
                    Background="White"
                    Content="Ok!"
                    BorderBrush="#0091EA" Margin="5,10,0,10" HorizontalAlignment="Left" Click="btnPotvrdi_Click">
            <Button.Style>
                <Style TargetType="{x:Type Button}">
                    <Style.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Background" Value="BlueViolet"/>
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </Button.Style>
            <Button.Template>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Border BorderThickness="{TemplateBinding BorderThickness}"
                                BorderBrush="{TemplateBinding BorderBrush}"
                                Background="{TemplateBinding Background}">
                        <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                    VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
                    </Border>
                </ControlTemplate>

            </Button.Template>

        </Button>

Answer 1

在Style 中指定默认背景（White），您的触发器将按预期工作：

<Button x:Name="btnOk"
                    SnapsToDevicePixels="True"
                    UseLayoutRounding="True"
                    IsDefault="True"
                    Grid.Row="2"
                    Grid.Column="1"
                    FontSize="15"
                    Width="140"
                    BorderThickness="1"
                    HorizontalContentAlignment="Center"
                    VerticalContentAlignment="Center"
                    Foreground="#0091EA"
                    Content="Ok!"
                    BorderBrush="#0091EA" Margin="5,10,0,10" HorizontalAlignment="Left" Click="btnPotvrdi_Click">
    <Button.Style>
        <Style TargetType="{x:Type Button}">
            <Setter Property="Background" Value="White" />
            <Style.Triggers>
                <Trigger Property="IsFocused" Value="True">
                    <Setter Property="Background" Value="Green"/>
                </Trigger>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="Background" Value="BlueViolet"/>
                </Trigger>
            </Style.Triggers>
        </Style>
    </Button.Style>
    <Button.Template>
        <ControlTemplate TargetType="{x:Type Button}">
            <Border BorderThickness="{TemplateBinding BorderThickness}"
                                BorderBrush="{TemplateBinding BorderBrush}"
                                Background="{TemplateBinding Background}">
                <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                    VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
            </Border>
        </ControlTemplate>
    </Button.Template>
</Button>

“本地”值优先于由Setter 在Style 中设置的值：https://msdn.microsoft.com/en-us/library/ms743230(v=vs.110).aspx