如何在单击按钮时暂时禁用鼠标悬停效果可见性？

Question

为简单起见，假设我的程序按钮在“关闭”时为白色，在“开启”时为绿色。当鼠标悬停在按钮上时，按钮的颜色会变为浅蓝色。当前，当单击按钮时，按钮颜色保持浅蓝色，直到鼠标不再悬停在按钮上，然后（当鼠标移开并且不再悬停在按钮上时）按钮的绿色或白色背景为显示。悬停效果和按钮背景的代码目前...

<ControlTemplate TargetType="{x:Type Button}">
  <Border x:Name="bdr" CornerRadius="22" Margin="3" BorderThickness="2.5" BorderBrush="Black" Background="{TemplateBinding Background}">
     <ContentPresenter VerticalAlignment="Center" HorizontalAlignment="Center" ContentSource="Content" />
  </Border>
  <ControlTemplate.Triggers>
     <Trigger Property="IsMouseOver" Value="True">
         <Setter TargetName="bdr" Property="Background" Value="#ABBEC9"/>
     </Trigger>

我需要在单击事件后立即显示按钮的新背景（即使鼠标仍悬停在按钮上）。我在执行此操作时遇到了问题。

我尝试了下面的MultiDataTrigger，但是悬停颜色仅在单击时闪烁为白色，并且即使鼠标不再悬停在按钮上，背景颜色也不再显示，因此代码显然是错误的。

<MultiDataTrigger>
  <MultiDataTrigger.Conditions>
     <Condition Binding="{Binding ElementName=bdr, Path=IsMouseOver}" Value="True" />
  </MultiDataTrigger.Conditions>
     <Setter TargetName="bdr" Property="Background" Value="#ABBEC9" />
  </MultiDataTrigger>
<MultiDataTrigger>
   <MultiDataTrigger.Conditions>
      <Condition Binding="{Binding ElementName=bdr, Path=IsMouseOver}" Value="False" />
   </MultiDataTrigger.Conditions>
      <Setter TargetName="bdr" Property="Background" Value="White" />                            
</MultiDataTrigger>

任何帮助将不胜感激。

Answer 1

您必须自己处理这个问题，可能只需要最少量的程序代码（例如布尔属性）。

如果您想让事情保持简单，那么您可以用另一种方式显示状态，例如利用BorderBrush 来显示Button 的Background。

这是完整的模板：

<ControlTemplate TargetType="{x:Type Button}">
    <Border x:Name="bdr" CornerRadius="22" Margin="3" BorderThickness="2.5" BorderBrush="Black" Background="{TemplateBinding Background}">
        <ContentPresenter VerticalAlignment="Center" HorizontalAlignment="Center" ContentSource="Content" />
    </Border>
    <ControlTemplate.Triggers>
        <Trigger Property="IsMouseOver" Value="True">
            <Setter TargetName="bdr" Property="Background" Value="#ABBEC9"/>
        </Trigger>
        <Trigger Property="IsMouseOver" Value="True">
            <Setter TargetName="bdr" Property="BorderBrush" Value="{Binding RelativeSource={RelativeSource AncestorType=Button},Path=Background}"/>
        </Trigger>
    </ControlTemplate.Triggers>
</ControlTemplate>