6

我有一个带有背景图像的 wppf 按钮。

当我将鼠标悬停在背景上时，背景将为空并显示一个按钮。

如何禁用鼠标效果？

<Button BorderBrush="{x:Null}" Content="Reset" BorderThickness="0"Foreground="White" Focusable="False">
                        <Button.Background>
                            <ImageBrush ImageSource="button.png" />
                        </Button.Background>
4

2 回答 2

13

这是我禁用按钮上的视觉鼠标悬停效果的方法。我保留了一些设置，只是为了让您了解如何使用触发器和其他东西，请随意尝试！

<Style TargetType="Button" x:Key="ImageButton" BasedOn="{StaticResource {x:Static ToolBar.ButtonStyleKey}}">
    <Setter Property="FocusVisualStyle" Value="{x:Null}" />
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="Button">
                <Border Name="border" 
                        BorderThickness="{TemplateBinding BorderThickness}"
                        Padding="{TemplateBinding Padding}" 
                        BorderBrush="{TemplateBinding BorderBrush}" 
                        CornerRadius="5"
                        Background="{TemplateBinding Background}">
                    <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter Property="BorderBrush" Value="Gainsboro" />
                    </Trigger>
                    <Trigger Property="IsEnabled" Value="false">
                        <Setter Property="Opacity" Value="0.25" />
                        <Setter Property="BorderBrush" Value="Transparent" />
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

编辑：使用“BasedOn”+ 将 FocusVisualStyle 设置为 null（前 2 行）可以消除鼠标悬停效果。其他一切都只是例子。我在那里添加了一个边框，以便通过触发器来玩它（因为我想要一个自定义的鼠标悬停效果）。

于 2012-10-30T14:41:47.717 回答
8

在Background 属性ControlTemplate中将Button被触发器覆盖。
您可以重做整个ControlTemplate并忽略背景更改，或者只是将图像添加为您Button喜欢的内容，以避免所有这些并发症：

<Button.Content>
    <Image Source="button.png" />
</Button.Content>

或者，如果您还需要其中的文本：

<Button.Content>
    <Grid>
        <Image Source="button.png" />
        <TextBlock Text="Reset" VerticalAlignment="Center" HorizontalAlignment="Center" />
    <Grid>
</Button.Content>
于 2012-10-30T14:44:44.893 回答