1.摘要
Material Design Xaml ToolKit是一个非常好用的开源WPF控件库,这里介绍一下导入方式,以防忘记。
2.项目导入
项目导入直接使用NuGet即可,右键解决方案资源管理器中的”引用”,选择”管理NuGet程序包”,在弹出的管理页面中选择“浏览”,然后搜索MaterialDesign关键字,找到项目后选择“安装即可”
3.项目配置
首先去到 App.xaml 导入和配置 Toolkit:
1 2 3 4 5 6 7 8 9 10 11 12 13 14
| <Application x:Class="Example.App" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes" StartupUri="MainWindow.xaml"> <Application.Resources> <ResourceDictionary> <ResourceDictionary.MergedDictionaries> <materialDesign:BundledTheme BaseTheme="Light" PrimaryColor="DeepPurple" SecondaryColor="Lime" /> <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Defaults.xaml" /> </ResourceDictionary.MergedDictionaries> </ResourceDictionary> </Application.Resources> </Application>
|
随后需要配置窗口,在窗体xaml文件(一般是MainWindow.xaml)中的Windows中添加属性:
1 2 3 4
| <Window [...] TextElement.Foreground="{DynamicResource MaterialDesignBody}" Background="{DynamicResource MaterialDesignPaper}" [...] >
|
当然,如果想要最终的风格更为统一(字体),效果更好,最好换成以下的属性配置:
1 2 3 4 5 6 7 8
| <Window [...] xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes" TextElement.Foreground="{DynamicResource MaterialDesignBody}" Background="{DynamicResource MaterialDesignPaper}" TextElement.FontWeight="Medium" TextElement.FontSize="14" FontFamily="{materialDesign:MaterialDesignFont}" [...] >
|
4.使用
可以在网址 –> MaterialDesignInXAMLToolKit发布网址 中获取MaterialDesignInXAMLToolKit Demo 软件,在软件中会展示各种控件的效果,可以选择喜欢的控件然后直接Copy其右下角源码放在代码中使用。