前言

本文主要讲如何使用MaterialDesignThemes的安装和简单使用，有什么不明白的地方可以评论区留言，一起交流学习一下

开发工具：VS2019

一、使用步骤

1.通过Nuget安装MaterialDesignThemes

①右键解决方案名称，点击管理Nuget程序包

②搜索MaterialDesign，点击安装，如下图

安装哪个版本可以自己选择，我安装使用的是3.1.0版本

点击安装之后，再点击已安装我们会发现MaterialDesignColors和MaterialDesignThemes都已经安装好

③在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>

如下图：

添加完之后红框中的代码下面可能会出现波浪线，并报错资源找不到之类的，此时无需担心，点击启动项目或者生成一下，错误和波浪线就消失了

2.下载MaterialDesignInXamlToolkit源代码和Demo下载

简单使用下载Demo就够了，下载源码是为了某些资源访问不到时去源码里面抄代码

github下载地址：https://github.com/MaterialDesignInXAML/MaterialDesignInXamlToolkit/releases

找到自己需要的版本（此文章使用为V3.1.0版本）

下载完解压打开Demo中的MaterialDesignDemo.exe

如下：

然后找到自己想要的效果，复制代码添加到wpf页面中

将复制的圆角按钮代码添加到wpf页面中，如下图，便可看到使用成功：

同时需要将下面一句代码添加到图中提示位置：

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

WPF中MaterialDesignThemes前端框架的使用（超详细图解步骤）相关推荐

前端防抖与节流超详细讲解
前端防抖与节流超详细讲解前言防抖什么是防抖实现防抖函数节流什么是节流实现节流函数防抖与节流注意事项前言防抖与节流通常作为项目优化的手段,一般都是为了防止用户在短时间内快而频地多次操 ...
用Kotlin语言开发玩安卓，基于基于Material Design+AndroidX + MVP + RxJava + Retrofit等优秀的开源框架开发,注释超详细，方便大家练手
WanAndroid 一位练习时长两年半的安卓练习生根据鸿神提供的WanAndroid开放Api来制作的产品级App,基本实现了所有的功能,使用Kotlin语言,基于Material Design+A ...
如何在AD中添加3D封装模型库（超详细）
如何在AD中添加3D封装模型库(超详细) 背景:在设计PCB时,尤其涉及到密集结构装配环节,这时候不得不考虑器件实物模型查看仿真. 一.找到并下载3D模型 1.去网站查找(以网站1操作为例) 网站1: ...
WPF中实现PropertyGrid(用于展示对象的详细信息)的三种方式
WPF中实现PropertyGrid(用于展示对象的详细信息)的三种方式原文:WPF中实现PropertyGrid(用于展示对象的详细信息)的三种方式由于WPF中没有提供PropertyGrid控 ...
【数据的存储】浮点数在内存中的存储详解【超详细的保姆级别教程，让面试官心服口服】手撕浮点数存储使用方式
[数据的存储]浮点数在内存中的存储详解[超详细的保姆级别教程,让面试官对你心服口服]手撕浮点数存储使用方式作者: @小小Programmer 这是我的主页:@小小Programmer 在食用这篇博客 ...
k8s v1.9.6 超详细搭建步骤
部署说明 k8s新的版本与之前1.5的部署方式发生改变,官方将kubernetes大组件中的服务例如(kube-proxy.kube-api等服务)剥离出来封装成容器的形式来简化部署的方式.以下为三个 ...
超详细图解！【MySQL进阶篇】存储过程,视图,索引,函数,触发器
超详细图解![MySQL进阶篇]存储过程,视图,索引,函数,触发器 1.1 下载Linux 安装包 1.2 安装MySQL 1.3 启动 MySQL 服务 1.4 登录MySQL 2\. 索引 2.1 ...
超大超详细图解，让你掌握Spark memeoryStore内存管理的精髓
摘要:memoryStore主要是将没有序列化的java对象数组或者序列化的byteBuffer放到内存中. 本文分享自华为云社区<spark到底是怎么确认内存够不够用的?超大超详细图解!让你掌 ...
终于找到了梦想中的前端框架 --- vue.js
前面小半年,业余时间研究了超有前途的前端"框架"新秀React,无奈前端我本就是半吊子,没什么基础,再加上React大量应用FP(函数式编程),想把React用好还得熟悉大量第三方 ...

WPF中MaterialDesignThemes前端框架的使用（超详细图解步骤）

前言

1.通过Nuget安装MaterialDesignThemes

2.下载MaterialDesignInXamlToolkit源代码和Demo下载

WPF中MaterialDesignThemes前端框架的使用（超详细图解步骤）相关推荐

最新文章

热门文章