在WPF中如何移除鼠标悬停时按钮的发光效果

Question

我在WPF中使用一个简单的按钮。 我在按钮背景上放了一张图片。 我的问题是，当我将鼠标指针移动到按钮上时，它会获得默认的发光效果，覆盖了作为背景给定的图片。

        <Button Grid.Column="3" Name="Play" BorderBrush="Transparent"
            Focusable="False" Width="45" Height="45" Click="Play_Click"
            VerticalAlignment="Center" HorizontalAlignment="Center" Margin="0,6,10,6">
            <Button.Background >
                <ImageBrush ImageSource="images/play.png"  />
            </Button.Background>
            <Button.Foreground>
                <ImageBrush ImageSource="images/play.png"  />
            </Button.Foreground>
        </Button>

请帮助我。

- Sarin Vadakkey Thayyil

Answer 1

这是在按钮(Button)的控件模板(ControlTemplate)中定义的。您需要创建自己的控件模板。

例如，像这样创建：

<Style x:Key="MyButtonStyle" TargetType="Button">
  <Setter Property="Template">
     <Setter.Value>
        <ControlTemplate TargetType="Button">
           <Grid Background="{TemplateBinding Background}">
              <ContentPresenter HorizontalAlignment="Center"
                        VerticalAlignment="Center"/>
           </Grid>
        </ControlTemplate>
     </Setter.Value>
  </Setter>
</Style>

接着您可以将该样式应用于您的按钮上，并将背景设置为您的那张图片。

<Button Style="{StaticResource MyButtonStyle}" Grid.Column="3" Name="Play" BorderBrush="Transparent"
        Focusable="False" Width="45" Height="45" Click="Play_Click"
        VerticalAlignment="Center" HorizontalAlignment="Center" Margin="0,6,10,6">
        <Button.Background >
            <ImageBrush ImageSource="images/play.png"  />
        </Button.Background>
</Button>

- Kapitán Mlíko