如何在Blend中覆盖WinUI 2.x控件的默认样式？

Blend目前不支持直接提取WinUI 2.x控件的完整默认样式资源，你此前在旧版本项目中可以生成完整样式，是因为旧版本使用的是UWP系统原生控件，而WinUI 2.x作为独立分发的控件库，其样式资源没有嵌入Blend的设计时元数据，才会出现你遇到的功能限制。

可实现目标需求的操作步骤 #

• 先确认项目配置：已通过NuGet安装对应版本的Microsoft.UI.Xaml包，且App.xaml中已正确引入WinUI主题资源：

<Application.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <XamlControlsResources xmlns="using:Microsoft.UI.Xaml.Controls" />
        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</Application.Resources>

• 在需要使用自定义样式的页面头部，添加WinUI控件的命名空间声明：

xmlns:controls="using:Microsoft.UI.Xaml.Controls"

• 在页面的Resources节点中添加自定义样式，通过BasedOn继承WinUI的默认样式，仅重写需要修改的属性即可，无需复制全量默认样式代码：

<Page.Resources>
    <!-- 自定义ContentDialog样式示例 -->
    <Style x:Key="CustomContentDialogStyle" TargetType="controls:ContentDialog" BasedOn="{StaticResource DefaultContentDialogStyle}">
        <Setter Property="CornerRadius" Value="8" />
        <Setter Property="BorderThickness" Value="1" />
    </Style>
    <!-- 自定义Button样式示例 -->
    <Style x:Key="CustomButtonStyle" TargetType="Button" BasedOn="{StaticResource DefaultButtonStyle}">
        <Setter Property="Padding" Value="16,8" />
    </Style>
</Page.Resources>

• 如果需要修改控件模板的内部结构，再选中对应控件右键选择「编辑模板」-「编辑副本」，此时生成的ControlTemplate会自动继承自定义样式的其他配置，不会丢失默认样式的基础属性。

更优替代方案 #

优先使用上述增量修改的方式自定义样式，所有未手动重写的属性都会自动继承WinUI的官方默认样式，后续WinUI版本更新修复样式问题时，你的自定义样式也能同步继承更新，维护成本远低于全量复制默认样式后手动修改。
如果确实需要全量调整样式，直接从你此前获取到的WinUI 2.x官方样式资源文件中复制对应控件的完整样式代码即可，内容和Blend生成的完全一致，还能避免Blend生成冗余代码的问题。

内容的提问来源于stack exchange，提问作者Rich S