如何删除 WPF 按钮上的默认鼠标悬停效果？

Question

我的问题是，在 WPF 中，每当我尝试使用触发器或动画更改按钮背景的颜色时，默认的鼠标悬停效果（带有橙色光芒的灰色）似乎优先。

经过大量搜索后，我对如何消除这种影响一无所知。

Answer 1

这与 Mark Heath 提到的解决方案类似，但没有那么多代码来创建一个非常基本的按钮，没有内置的鼠标悬停动画效果。它保留了简单的鼠标悬停效果，以黑色显示按钮边框。

例如，可以将样式插入到 Window.Resources 或 UserControl.Resources 部分（如图所示）。

<UserControl.Resources>
    <!-- This style is used for buttons, to remove the WPF default 'animated' mouse over effect -->
    <Style x:Key="MyButtonStyle" TargetType="Button">
        <Setter Property="OverridesDefaultStyle" Value="True"/>
        <Setter Property="Margin" Value="5"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Button">
                    <Border Name="border" 
                        BorderThickness="1"
                        Padding="4,2" 
                        BorderBrush="DarkGray" 
                        CornerRadius="3" 
                        Background="{TemplateBinding Background}">
                        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter TargetName="border" Property="BorderBrush" Value="Black" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</UserControl.Resources>

<!-- usage in xaml -->
<Button Style="{StaticResource MyButtonStyle}">Hello!</Button>

Answer 2

只需添加一个非常简单的解决方案，这对我来说就足够了，我认为解决了OP的问题。我在这个答案中使用了解决方案，除了使用常规的背景值而不是图像。

<Style x:Key="SomeButtonStyle" TargetType="Button">
    <Setter Property="Background" Value="Transparent" />
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="Button">
                <Grid Background="{TemplateBinding Background}">
                    <ContentPresenter />
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

除了强制 Background 始终为模板化按钮的 Transparent 背景之外，无需重新模板 - 完成此操作后，鼠标悬停将不再影响背景。显然将 Transparent 替换为任何首选值。

Answer 3

您需要创建自己的自定义按钮模板才能完全控制所有状态下的外观。这是教程 。

Answer 4

松饼人有一个非常简单的答案，对我有用。

要添加更具体的方向，至少对于 VS 2013：

• 右键单击控件
• 选择编辑模板 =>编辑副本...
• 我选择了“应用程序”作为保存样式的位置
  • 从这里您可以直接编辑 App.xaml 并查看直观命名的属性。出于我的目的，我只是设置 RenderMouseOver="False"
• 然后，在 MainWindow.xaml 中或 GUI 所在的任何位置，您可以将新样式粘贴到 Button 标记的末尾，例如 ... Style="{ DynamicResource MouseOverNonDefault}"/>

Answer 5

这个链接对我帮助很大
http://www.codescratcher.com/ wpf/remove-default-mouse-over-effect-on-wpf-buttons/

在 UserControl.Resources 或 Window.Resources 中定义样式

 <Window.Resources>
        <Style x:Key="MyButton" TargetType="Button">
            <Setter Property="OverridesDefaultStyle" Value="True" />
            <Setter Property="Cursor" Value="Hand" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <Border Name="border" BorderThickness="0" BorderBrush="Black" Background="{TemplateBinding Background}">
                            <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter Property="Opacity" Value="0.8" />
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>

，然后添加以这种方式为您的按钮设置样式 Style="{StaticResource MyButton}"

<Button Name="btnSecond" Width="350" Height="120" Margin="15" Style="{StaticResource MyButton}">
    <Button.Background>
        <ImageBrush ImageSource="/Remove_Default_Button_Effect;component/Images/WithStyle.jpg"></ImageBrush>
    </Button.Background>
</Button>

Answer 6

如果有人不想覆盖默认的控制模板，那么这里是解决方案。

您可以为可以具有 TextBlock 的按钮创建 DataTemplate，然后您可以在 IsMouseOver 属性上编写属性触发器以禁用鼠标悬停效果。 TextBlock 和 Button 的高度应该相同。

<Button Background="Black" Margin="0" Padding="0" BorderThickness="0" Cursor="Hand" Height="20">
    <Button.ContentTemplate>
        <DataTemplate>
            <TextBlock Text="GO" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" TextDecorations="Underline" Margin="0" Padding="0" Height="20">
                <TextBlock.Style>
                    <Style TargetType="TextBlock">
                        <Style.Triggers>
                            <Trigger Property ="IsMouseOver" Value="True">
                                <Setter Property= "Background" Value="Black"/>
                            </Trigger>
                        </Style.Triggers>
                    </Style>
                </TextBlock.Style>
            </TextBlock>
        </DataTemplate>
    </Button.ContentTemplate>
</Button>

Answer 7

dodgy_coder 答案的扩展，添加了对..

• 维护 WPF 按钮样式

• 添加对 IsSelected 和悬停（即切换按钮）的支持

示例。




Answer 8

使用模板触发器：

<Style x:Key="ButtonStyle" TargetType="{x:Type Button}">
    <Setter Property="Background" Value="White"></Setter>
    ...
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type Button}">
                <Border Background="{TemplateBinding Background}">
                    <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter Property="Background" Value="White"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>