WPF自定义NavigationButton继承Button后无法显示问题求助

问题根源 #

WPF的样式匹配是严格按类型执行的：原生Button有内置默认样式，但你自定义的NavigationButton作为派生类，WPF不会自动继承基类Button的样式——没有视觉模板支撑，控件就会"隐身"（逻辑上存在，比如点击事件能触发，但看不到UI）。

解决办法 #

三种常用方案，按需选择：

1. 直接在XAML中指定样式

给NavigationButton显式应用原生Button的样式：

<components:NavigationButton
    Content="{StaticResource Image.Chat}"
    Classes="NavButton"
    Click="Button_OnChat"
    Style="{StaticResource {x:Type Button}}"/>

2. 在控件代码中全局设置默认样式

修改NavigationButton的C#代码，在静态构造函数里指定默认样式继承自Button，所有NavigationButton都会自动应用：

namespace Client.View.Components;

public class NavigationButton : Button
{
    static NavigationButton()
    {
        DefaultStyleKeyProperty.OverrideMetadata(typeof(NavigationButton), 
            new FrameworkPropertyMetadata(typeof(Button)));
    }
}

3. 自定义专属样式（适合后续需要扩展样式的场景）

在项目的Themes/Generic.xaml文件中定义NavigationButton的样式，基于原生Button样式扩展：

<Style TargetType="components:NavigationButton" BasedOn="{StaticResource {x:Type Button}}">
    <!-- 可添加自定义样式设置，比如修改内边距、前景色等 -->
</Style>

补充说明 #

如果项目用了MaterialDesign等第三方控件库，只需把上述方案中的{x:Type Button}替换为对应库的Button类型（比如MaterialDesign:Button）即可，原理完全一致。

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