鼠标悬停时停止按钮颜色更改

Question

好的..这很奇怪....我定义了一个按钮，实际上是 5 个按钮，每个按钮都有不同的颜色，但是在鼠标悬停时，它们只是将颜色更改为冰蓝色....我试过了使用以下代码覆盖它：

        <Button Name="btn1" Content="Button" Width="65" Height="45" Background="Green" Margin="1,1,0,1" FontWeight="Bold">
            <Button.Style>
                <Style>
                    <Style.Triggers>
                        <Trigger Property="Button.IsMouseOver" Value="True">
                            <Setter Property="Button.Background" Value="Yellow" />
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </Button.Style>
            <Button.LayoutTransform>
                <RotateTransform Angle="270"/>
            </Button.LayoutTransform>
        </Button>

但它仍然不起作用......我想要的是它应该保持它已经被赋予的背景颜色（每个按钮不同），所以问题是：我是否必须为每个按钮一次又一次地定义它按钮（触发器不起作用，颜色变为冰蓝色）或者我可以在资源文件中使用通用值定义它，它要么停止颜色更改，要么只是将背景设置为现有属性 编辑：为了清楚起见，我希望按钮在鼠标悬停时停止更改其颜色，并保留我分配给它的任何颜色.....

Answer 1

根据我链接的 cmets 和 SO 帖子：那篇文章将该样式应用于 Button 类型的任何东西，这就是它适用于所有按钮的原因（这不一定是坏事）。但要从那篇文章中得出的重点是，您需要修改的是ControlTemplate。

所以你会想做这样的事情：

    <Style x:Key="ButtonStyle1" TargetType="{x:Type Button}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Border x:Name="Chrome" BorderBrush="Black" BorderThickness="2" CornerRadius="2" Background="{TemplateBinding Property=Background}">
                        <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</Window.Resources>

这并不完美，因为它失去了所有的交互性（即你不能告诉你已经推动它，悬停在它上面或任何东西）。但它为您提供了一个很好的起点。

这里的一个关键点是Border 的Background 属性绑定到TemplateParent Property=Background，这意味着它将读取正在模板化的按钮的背景属性并使用它的背景颜色。这使您可以更轻松地使用单一样式来覆盖所有 5 个按钮。您可以（并且可能想要）使用 BorderBrush 属性做类似的事情。

还要注意我的样式有一个x:Key 值，所以为了使用它，你可以这样做：

    <Button x:Name="btn1" Content="Button" Width="65" Height="45" Background="Green" Margin="1,1,0,1" FontWeight="Bold" Style="{DynamicResource ButtonStyle1}">
        <Button.LayoutTransform>
            <RotateTransform Angle="270"/>
        </Button.LayoutTransform>
    </Button>

您可以删除x:Key 属性，该样式确实将应用于您声明资源的任何容器内的所有按钮。