创建自定义的“默认”设置Expression Blend 中的按钮 + WPF

Question

我已经完成了大约 95% 的任务，但仍然遇到一些问题。基本上我希望所有按钮控件的默认样式（使用 Expression Blend 将按钮拖动到表单时使用）的行为如下：

鼠标悬停时 - 将按钮字体的颜色更改为渐变并增加字体的大小比控件在“正常”状态下分配的字体大小大 2 磅。尺寸的增加很重要，因为“按钮”没有任何边框，它们只是带有阴影的纯文本。

单击时 - 再次更改字体颜色，删除阴影以使其显得凹陷（大小仍将保持“正常”字体大小 + 2 点）

我当前的方法给我带来了一些问题，并且代码有点太多在这里发帖，所以我希望从有更多经验的人那里得到一些关于替代方法的建议。

我更喜欢不要有一个完全自定义的按钮控件（如“CustomButton”），而只是覆盖常规默认“Button”控件的外观/样式，因为它将是唯一的按钮类型该应用程序。但如果新的类/控件是唯一的方法，我会尝试一下。

前任。

<Button Content="Button1"/>
<Button Content="Button2" FontSize="18"/>
<Button Content="Button3" FontSize="24"/>

鼠标悬停时，字体大小应比每个按钮指定的大小大 +2。现在，我通过在按钮的真实文本（带有一些绑定）之上覆盖 TextBlock 来实现此目的，但它还不太有效。

Answer 1

如果我理解正确，您在这里问两个问题：

1. 如何更改 MouseOver 上按钮的外观
2. 如何自动将其应用于所有按钮

关于 #1：不需要专门的自定义控件 - 在 WPF 中执行此操作的最简单方法是通过使用 Style（带有 IsMouseOver 的属性触发器）。

至于＃2：通过使您的样式成为无键资源（不指定资源键），它将应用于与目标类型匹配的范围内的所有控件。

以下是您可以放置​​在窗口或应用程序资源中的样式示例：

<Style TargetType="{x:Type Button}">
        <Style.Triggers>
            <Trigger Property="IsMouseOver"
                     Value="True">
                <Setter Property="RenderTransform">
                    <Setter.Value>
                        <ScaleTransform ScaleX="1.05" ScaleY="1.05"/>
                    </Setter.Value>
                </Setter>
                <Setter Property="Foreground">
                    <Setter.Value>
                        <LinearGradientBrush>
                            <GradientStop Color="CornflowerBlue"
                                          Offset="0"/>
                            <GradientStop Color="DarkSlateBlue"
                                          Offset="1"/>
                        </LinearGradientBrush>
                    </Setter.Value>
                </Setter>
            </Trigger>
        </Style.Triggers>
        <Setter Property="RenderTransformOrigin"
                Value=".5,.5"/>
    </Style>

请注意，此样式不会将字体大小增加 2，而是将整个按钮缩放 5%。对于您的想法来说，这确实可能是更好（也更简单）的解决方案。如果您绝对需要增加相对字体大小（而不是分配绝对的新字体大小），这有点棘手，但也是可以做到的。