蓝色鼠标在Blend / WPF中的按钮上效果

时间:2014-11-10 18:45:04

标签: wpf button blend

我刚刚开始习惯使用Blend for Visual Studio进行WPF。我使用标准的Windows Forms创建了以前的程序,现在想要更现代化的东西。 但是我已经在5分钟之后遇到了一个主要问题。 我添加了一个带有背景图像的按钮。这就像一个魅力,但问题是,当我运行应用程序时,鼠标悬停它时按钮总是变蓝。我不想要这个蓝色效果,但找不到在Blend中禁用它的选项。 希望有人可以帮助我解决这个愚蠢的问题,Windows Forms有点

1 个答案:

答案 0 :(得分:9)

您所描述的是按钮的默认状态行为。您必须创建自定义模板或样式才能更改它。例如:

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

我在这里展示了两个属性更改:Background&amp; Foreground。您可以拥有任意数量的内容,并将其更改为您希望的任何值。如果您不想进行任何更改,只需删除Style.Triggers或其中的特定属性。

以下是您的演示,因为您是新手:

enter image description here

以下是Resource Dictionary方式:

enter image description here

创建Resource Dictionary并为其添加样式:

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

将其放在App.xaml或合并资源词典的任何位置:

<ResourceDictionary>
    <ResourceDictionary.MergedDictionaries>
        <ResourceDictionary Source="ButtonStyles.xaml"/>
    </ResourceDictionary.MergedDictionaries>
</ResourceDictionary>

然后只需指定按钮的样式:

Style="{StaticResource CustomButtonStyle}"