WPF - 如何设置背景颜色图像按钮

Question

我有一个带背景图像的按钮，我想为此按钮添加背景色时，我点击它 这是我如何设置图像背景按钮：

XAML：

<Button x:Name="ScannerButton" DockPanel.Dock="Right" Visibility="Collapsed" Click="ScannerButton_Click" Margin="0,0,5,25" Height="70" VerticalAlignment="Bottom" HorizontalAlignment="Right" Width="75"> 
    <Button.Template> 
     <ControlTemplate> 
      <Image Source="/Resources/scanner.png"></Image> 
     </ControlTemplate> 
    </Button.Template> 
</Button> 

This is how I want it to look like when I click on it

Answer 1

例如，你可以使它成为一个ToggleButton并添加更改背景触发时IsChecked属性设置为true：

<ToggleButton x:Name="ScannerButton" DockPanel.Dock="Right" Visibility="Collapsed" Click="ScannerButton_Click" Margin="0,0,5,25" Height="70" VerticalAlignment="Bottom" HorizontalAlignment="Right" Width="75"> 
    <ToggleButton.Template> 
     <ControlTemplate TargetType="ToggleButton"> 
      <Grid x:Name="grid"> 
       <Image Source="/Resources/scanner.png"></Image> 
      </Grid> 
      <ControlTemplate.Triggers> 
       <Trigger Property="IsChecked" Value="True"> 
        <Setter TargetName="grid" Property="Background" Value="Green" /> 
       </Trigger> 
      </ControlTemplate.Triggers> 
     </ControlTemplate> 
    </ToggleButton.Template> 
</ToggleButton>