MaterialDesignInXAML中TextBox聚焦时样式丢失问题解析

在使用MaterialDesignInXAML工具包开发WPF应用时，开发者可能会遇到一个常见问题：当TextBox控件获得焦点时，原有的Material Design样式会突然消失。这种现象通常表现为控件边框、提示文本等视觉元素在聚焦状态下恢复为WPF默认样式，破坏了应用的整体设计一致性。

问题现象分析

当开发者按照基本配置使用MaterialDesignInXAML时，可能会观察到以下现象：

1. 初始状态下TextBox显示正常，带有Material Design风格的边框和提示文本
2. 当用户点击或通过Tab键聚焦到TextBox时，所有特殊样式消失
3. 控件恢复为WPF默认的灰色边框和简单外观
4. 失去焦点后，Material Design样式可能恢复也可能不恢复

根本原因

这个问题通常源于资源字典配置不完整。MaterialDesignInXAML工具包需要明确定义主题颜色方案才能正常工作。当缺少主题定义时，虽然静态样式能够显示，但动态状态（如聚焦状态）的样式会因找不到对应的资源而失效。

解决方案

完整的App.xaml配置应包含以下关键元素：

<Application.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <!-- 基础主题 -->
            <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Light.xaml"/>
            <!-- 或使用Dark主题 -->
            <!-- <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Dark.xaml"/> -->
            
            <!-- 默认样式 -->
            <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesign3.Defaults.xaml"/>
        </ResourceDictionary.MergedDictionaries>
        
        <!-- 主题颜色配置 -->
        <materialDesign:BundledTheme BaseTheme="Light" 
                                   PrimaryColor="DeepPurple" 
                                   SecondaryColor="Lime"/>
    </ResourceDictionary>
</Application.Resources>

深入理解

1. 主题资源：MaterialDesignTheme文件提供了基础的颜色、笔刷和样式定义
2. 默认样式：MaterialDesign3.Defaults包含了各种控件的默认Material Design样式
3. 颜色配置：BundledTheme元素明确定义了应用的主色、次色和基础主题（亮色/暗色）

最佳实践建议

1. 始终在App.xaml中完整定义主题配置
2. 考虑在用户设置中提供主题切换功能（亮色/暗色）
3. 对于企业级应用，可以自定义颜色方案以匹配品牌指南
4. 测试所有交互状态下的控件样式表现

通过正确配置这些元素，不仅能解决TextBox聚焦时的样式问题，还能确保应用中所有Material Design控件的视觉一致性。这个解决方案同样适用于其他可能出现类似样式问题的控件，如ComboBox、DatePicker等。