扣扣技术交流群:460189483
一:Nuget简介:
NuGet 是免费、开源的包管理开发工具,专注于在 .NET 应用开发过程中,简单地合并第三方的组件库。
当需要分享开发的工具或是库,需要建立一个Nuget package,然后把这个package放到Nuget的站点。如果想要使用别人已经开发好的工具或是库,只需要从站点获得这个package,并且安装到自己的Visual Studio项目或是解决方案里。
NuGet能更方便地把一些dll和文件(如jquery)添加到项目中,而不需要从文件中复制拷贝。
二:vs安装Nuget
1、打开vs,点击工具-》扩展和更新-》联机搜索nuget,安装nuget包管理程序
三:下载Nuget程序包
1、进入Nuget官网:https://www.nuget.org/,
2、搜索框里搜索需要的安装包,例如MaterialDesignThemes,一个主题包,点击自己所需的安装包,进入如下界面
3、点击右侧的Download package下载安装包,该安装包是以.nupkg结尾的文件,注意下方是否有依赖。
这个安装包没有依赖,点击右侧的Download package
进行下载。nupkg结尾的下载后的安装包
同样方式,再下载一个包MaterialDesignColors,
一定要记住PM后面的安装输入信息,这些就是我们一会离线安装这个包时所需要输入的信息
四: 安装
打开需要安装NuGet包的VS工程,点击TOOLS
-NuGet Package Manager
-Package Manager Console
。
中文版的是工具--NuGet包管理器--程序包管理器设置--程序包源
把第一个勾掉,因为我们不联网,第一个是要联网的,然后点击那个+号,在下面...选择刚才下载的包的位置,添加一个新的程序包源
选择好包的位置之后,一定要点击...旁边的更新按钮,这样上面的地址才会更新到我们刚才设置的包源位置,然后点击确定。这样包源就设置好了。
然后返回VS工程,在刚才菜单栏工具--NuGet包管理器--程序包管理器控制台,点击之后会在VS工程最下面出现程序包管理器控制台。
程序包管理器控制台上面默认项目选择需要安装离线包的项目,我的项目是LiveCharts
在控制台中输入 Install-Package MaterialDesignThemes -Version 4.0.0-ci2347安装好第一个离线包
然后安装第二个离线包 Install-Package MaterialDesignColors -Version 2.0.0-ci2347,安装过程如上图所示。
安装好之后,在当前工程下默认会生成包配置文件,packages.config,内容为
到此为止,离线包安装完毕,注意,包是安装在当前工程中的,不是安装在VS上的,下次新建工程时,如果需要该包需要再次安装。
五:使用离线包
首先在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>
然后在窗体中添加引用
xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
在需要点击发光特效的按钮上添加效果,materialDesign:ShadowAssist.ShadowDepth="Depth3"这句效果
<Button Width="250" Height="60" Margin="15 30 15 0" FontSize="16" HorizontalContentAlignment="Left"
materialDesign:ShadowAssist.ShadowDepth="Depth3"
Background="#9C27B3" BorderBrush="#9C27B3">
发光特效按钮
</Button>
到此大功告成