Open-source Tutorial - Material Design for WPF UI

安装 Material Design Themes

• 通过 NuGet 包管理器搜索自动安装

• 通过 NuGet 包管理器控制台手动安装

  Install-Package MaterialDesignThemes
  
  

配置 App.xaml

• 主题

  • 对于 Light 主题（二选一）：

    < 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 / MaterialDesignTheme.Defaults.xaml ” />
    
    

• 颜色

  < ResourceDictionary  Source = “ pack：// application：,,, / MaterialDesignColors; component / Themes / Recommended / Primary / MaterialDesignColor.COLOR_NAME.xaml ” />
  
  < ResourceDictionary  Source = “ pack：// application：,,, / MaterialDesignColors; component / Themes / Recommended / Accent / MaterialDesignColor.COLOR_NAME.xaml ” />
  
  

配置窗体

• 基础配置

  <Window [...]
  
          TextElement.Foreground="{DynamicResource MaterialDesignBody}"
  
          Background="{DynamicResource MaterialDesignPaper}"
  
          [...] >
  
  

• 完整配置

  <Window [...]
  
          TextElement.Foreground="{DynamicResource MaterialDesignBody}"
  
          Background="{DynamicResource MaterialDesignPaper}"
  
          TextElement.FontWeight="Medium"
  
          TextElement.FontSize="14"
  
          FontFamily="pack://application:,,,/MaterialDesignThemes.Wpf;component/Resources/Roboto/#Roboto"
  
          [...] >