WPF中引入MaterialDesign外部控件库

在WPF中引入MaterialDesign外部控件库的步骤:

第一步:找到VS顶部菜单栏中的项目里面的NuGet程序包,点击。

WPF中引入MaterialDesign外部控件库

第二步:点击浏览,然后搜索MaterialDesignThemes完成安装。

WPF中引入MaterialDesign外部控件库

第三步:在项目解决方案中,找到App.xaml文件并打开,输入如下代码:

<Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Light.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Defaults.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Primary/MaterialDesignColor.DeepPurple.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Accent/MaterialDesignColor.Lime.xaml" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>

第四步:找到MainWindow.xaml文件,引入如下代码:

xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"

第五步:测试是否成功引入MaterialDesign控件库:

WPF中引入MaterialDesign外部控件库

拖动工具箱中的Button控件到界面,如果与上图样式一致,则说明MaterialDesign控件库引入成功。

 

最后,如何引入其他样式的MaterialDesign控件?

首先,到GitHub下载MaterialDesign的开源压缩文件,地址:https://github.com/MaterialDesignInXAML/MaterialDesignInXamlToolkit

然后,将下载下来的压缩文件解压,按照:MaterialDesignInXamlToolkit-master  ->  MainDemo.Wpf  ->  bin  -> Debug  ->  MaterialDesignDemo.exe  路径打开。

出现如下界面:

WPF中引入MaterialDesign外部控件库

 

选用不同控件旁都有对应的XML代码,直接粘贴复制到我们项目的MainWindow.xaml代码中即可,有的时候需要加上一些特定属性控件样式才会显示。

 

 

 

 

 

 

上一篇:WPF Expander控件使用


下一篇:WPF快速入门系列(6)——WPF资源和样式