WPF 如何在不覆盖派生样式的情况下将样式应用于自定义控件项

Question

我正在 wpf 中基于 common windows search bar (my version) 构建一个自定义控件搜索框。在 Windows 实现中，按钮将根据是否按下它们来改变背景和前景。为此，我使用样式和触发器来更改按钮颜色。

当我使用 MaterialDesign 时，我的自定义控件包含一个使用派生/默认 material design button 的按钮。将样式应用于此按钮时，材料设计样式为overridden，支持默认的 wpf 按钮。如何在保持基础材料设计风格的同时应用风格？

由于我的问题仅在于将样式应用于按钮，因此我省略了搜索框样式，而是创建了一个仅包含按钮的问题示例。

Generic.xaml -CustomButton

 <Style TargetType="{x:Type local:CustomButton}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type local:CustomButton}">
                    <Border Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}">
                        <!-- Normally the below button would be inside a grid with additional buttons, labels and content presenter. I have removed these for simplicity-->
                        <Button Name="MaterialButton"
                                Content="CustomButton">
                            <Button.Style>
                                <Style TargetType="{x:Type Button}" BasedOn="{StaticResource {x:Type  Button}}">
                                    <Style.Triggers>
                                        <Trigger Property="IsMouseOver" Value="True">
                                            <Setter Property="Foreground" Value="Red"/>
                                        </Trigger>
                                    </Style.Triggers>
                                </Style>
                            </Button.Style>
                        </Button>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

App.xaml -（材料设计在资源字典中。）

 <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Defaults.xaml" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>

我的尝试

我已尝试按照建议的here 和here 使用BasedOn 属性，但这并没有解决我的问题。

源自基于"Material Design theme is lost" 的材质样式 常见问题解答，导致此错误： 例外：找不到名为“MaterialDesignFlatButton”的资源。资源名称区分大小写。

Generic.Xaml 尝试更改 CustomButton

<!--Same custon control as before--->
<Button.Style>
    <Style TargetType="{x:Type Button}" BasedOn="{StaticResource MaterialDesignFlatButton}">
        <!--same trigger-->

Answer 1

您似乎没有安装正确的依赖项。右键单击使用该样式的项目并选择 NuGet 包管理器。搜索 MaterialDesignThemes 包并安装它。如果已经安装，请重新安装。这应该可以解决它。

你的其余方法是正确的。

或者从 GitHub 存储库复制 original style（快照）和所有引用并将其粘贴到您的 App.xaml。

如果安装了所有依赖项（或复制了原始样式），则使用以下Style 将MaterialDesign 默认Button 样式应用于您的CustomButton：

<Style TargetType="local:CustomButton" 
       BasedOn="{StaticResource MaterialDesignFlatButton}" />

更新

现在您已经编辑了您的问题以提供必要的详细信息，我可以告诉您出了什么问题。

您不仅扩展了Button，还覆盖了扩展Button 的默认Style。这样做需要在 Generic.xaml 文件中定义默认的 Style。由于此默认资源的解析方式，此文件不允许合并字典。只允许引用 Generic.xaml 的同一 ResourceDictionary 中的资源。

要解决这个问题，您需要显式覆盖默认的Style。覆盖Style 必须在MaterialDesignFlatButton 资源的范围内，否则引用将无法解析并导致您之前发布的错误消息。以下示例在 App.xaml 中定义了覆盖 Style：

  <Style TargetType="CustomButton" 
         BasedOn="{StaticResource MaterialDesignFlatButton}">
    <Setter Property="OverridesDefaultStyle" Value="True" />
  </Style>
</ResourceDictionary>

备注

由于您显然对默认 Style 不感兴趣，因此您应该合并此默认 Style 的详细信息，例如ControlTemplate 进入覆盖 Style。然后，您可以从 Generic.xaml 中删除默认的 Style。然后，您还需要从自定义控件的 static 构造函数中删除以下行，例如CustomButton：

DefaultStyleKeyProperty.OverrideMetadata(typeof(CustomButton), 
  new FrameworkPropertyMetadata(typeof(CustomButton)));

将现在已过时的默认 Style 或 CustomButton 合并到覆盖 Style 后，新的覆盖 Style 可能如下所示：

App.xaml

<Style TargetType="local:CustomButton"
       BasedOn="{StaticResource MaterialDesignFlatButton}">
  <Setter Property="OverridesDefaultStyle" Value="True" />
  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate TargetType="{x:Type local:CustomButton}">
        <Border Background="{TemplateBinding Background}"
                BorderBrush="{TemplateBinding BorderBrush}"
                BorderThickness="{TemplateBinding BorderThickness}">
          <ContentPresenter />
        </Border>

        <ControlTemplate.Triggers>
          <Trigger Property="IsMouseOver" Value="True">
            <Setter Property="Foreground" Value="Red" />
          </Trigger>
        </ControlTemplate.Triggers>
      </ControlTemplate>
    </Setter.Value>
  </Setter>
</Style>