WPF - 如何为图像按钮设置背景颜色
WPF - How to set background color to image button
我有一个带背景图片的按钮,我想在单击它时为该按钮添加背景颜色。
这就是我将图像背景设置为按钮的方式:
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>
这是我希望它在我点击它时的样子:
例如,您可以将其设为 ToggleButton
并添加一个触发器,当 IsChecked
属性 设置为 true
:[=14= 时更改背景]
<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>
我有一个带背景图片的按钮,我想在单击它时为该按钮添加背景颜色。
这就是我将图像背景设置为按钮的方式:
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>
这是我希望它在我点击它时的样子:
例如,您可以将其设为 ToggleButton
并添加一个触发器,当 IsChecked
属性 设置为 true
:[=14= 时更改背景]
<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>