在代码隐藏中触发更新边框但不更新按钮

Question

我有一个在 C# 代码中动态更新的 style。它适用于一些按钮和一个边框。这样我就可以通过简单地设置样式背景属性来更改每个项目的主题。

工作示例

这很好。我最近想在更改背景时也更改鼠标悬停颜色，因此我实现了以下代码：

Style style = new Style();
// Set background to red
style.Setters.Add(new Setter(Button.BackgroundProperty, new BrushConverter().ConvertFrom("#FF0000") as Brush));

Trigger mouseOver = new Trigger() {
    Property = IsMouseOverProperty,
    Value = true
};

// Set hover color to green
mouseOver.Setters.Add(new Setter(Button.BackgroundProperty, new BrushConverter().ConvertFrom("#00FF00") as Brush));
style.Triggers.Add(mouseOver);

// Apply style to elements
Application.Current.Resources["menu-color"] = style;

每个项目的背景都已成功设置，但只有边框接受鼠标悬停属性。看看下面的动图。

悬停颜色

我不一定希望边框具有悬停颜色，但这是一个问题又过了一天。为什么它只适用于该元素而不适用于其他元素？

Answer 1

Xaml 具有内置触发器。由于 Button 有默认的 IsMouseOver 样式，因此您必须使用样式来自定义它。

此示例显示了按钮上自定义样式的用法。
样式可以放置在您的 中，它位于 App.xaml 中，

这还有一个好处是不必创建自定义控件来模仿本机按钮控制！

<!-- Apply styling in xaml like so -->
<!-- Note that the x:Key here is what sets the style -->
<Button Style="{StaticResource ButtonStyle}" />

<!-- Add to App.xaml -->
<!-- If an x:key is not set, the styling will apply to all elements that have the given TargetType -->
<Style TargetType="Button" x:Key="ButtonStyle">
            <Setter Property="Background" Value="Cyan"/>
            <Setter Property="Height" Value="60" />

            <!-- Template can be used to take over styling of an element -->
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Button}">
                        <Border Background="{TemplateBinding Background}">
                            <!-- Here goes your custom style if you want one-->
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>

            <!-- This will be 'called' whenever the mouse is over the button -->
            <Style.Triggers>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="Background" Value="Green"/>
                </Trigger>
            </Style.Triggers>
        </Style>

此代码来自我的 GitHub 如果您想查看更多例子！