前言
本文主要讲如何使用MaterialDesignThemes的安装和简单使用,有什么不明白的地方可以评论区留言,一起交流学习一下
开发工具:VS2019
一、使用步骤
①右键解决方案名称,点击管理Nuget程序包
![](https://img-blog.csdnimg.cn/img_convert/4e0b28ba44c90838af9ecbbbb093a531.png)
②搜索MaterialDesign,点击安装,如下图
安装哪个版本可以自己选择,我安装使用的是3.1.0版本
![](https://img-blog.csdnimg.cn/img_convert/7d1cd74c79950b814dee83a6bbcad4d3.png)
点击安装之后,再点击已安装我们会发现MaterialDesignColors和MaterialDesignThemes都已经安装好
![](https://img-blog.csdnimg.cn/img_convert/9192dd0ca8a165629af43abbfe45aea9.png)
③在App.xml文件中的<Application.Resources> </Application.Resources>中添加资源字典,添加代码如下:
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
<ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Light.xaml">
</ResourceDictionary>
<ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Defaults.xaml">
</ResourceDictionary>
<ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Primary/MaterialDesignColor.Blue.xaml">
</ResourceDictionary>
<ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Accent/MaterialDesignColor.Blue.xaml">
</ResourceDictionary>
</ResourceDictionary.MergedDictionaries>
</ResourceDictionary>
如下图:
![](https://img-blog.csdnimg.cn/img_convert/e63a5ea127d9f78b34c54e69ab89cf7a.png)
添加完之后红框中的代码下面可能会出现波浪线,并报错资源找不到之类的,此时无需担心,点击启动项目或者生成一下,错误和波浪线就消失了
注意事项:该框架基于.net4.6.2(含),6.0,7.0,其余稍低框架引入此包时会出现不显示等情况
2.下载MaterialDesignInXamlToolkit源代码和Demo下载
简单使用下载Demo就够了,下载源码是为了某些资源访问不到时去源码里面抄代码
github下载地址:https://github.com/MaterialDesignInXAML/MaterialDesignInXamlToolkit/releases
找到自己需要的版本(此文章使用为V3.1.0版本)
![](https://img-blog.csdnimg.cn/img_convert/c835e9ba767018ada1f6873736a5b711.png)
下载完解压打开Demo中的MaterialDesignDemo.exe
![](https://img-blog.csdnimg.cn/img_convert/7e9b3b701e4d5738f2e9d9edbff2598a.png)
如下:
![](https://img-blog.csdnimg.cn/img_convert/1944236449dcd78650411c237015cf8c.png)
然后找到自己想要的效果,复制代码添加到wpf页面中
![](https://img-blog.csdnimg.cn/img_convert/963361862fc6f5d2180148c2f4a00fea.png)
将复制的圆角按钮代码添加到wpf页面中,如下图,便可看到使用成功:
同时需要将下面一句代码添加到图中提示位置:
xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
![](https://img-blog.csdnimg.cn/img_convert/645126a22b339c14bb5a2435950702f2.png)
sup:关于项目框架查看以及变更
1.单项目所用.net框架查看及变更
1.1选中单项目
![](https://img-blog.csdnimg.cn/img_convert/8b6dd564e466b1ad2a5b929c93eb5b98.png)
2.右击属性查看
![](https://img-blog.csdnimg.cn/img_convert/e33f5a62679dbf6bda07ea914ae3460b.png)
3.项目框架属性变更--点击框架选择所需变更框架后确认即可,同时要注意原项目变更.net框架之后,原项目内的控件,动态库是否抛出异常,相对来说低版本跃迁高版本会存在异常,高向低括基本无问题,按需变更