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>

这是我希望点击它时的样子：

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>