在 WPF 中使用 MahApps.Metro.IconPacks 提供的大量图标

MahApps.Metro.IconPacks 

https://github.com/MahApps/MahApps.Metro.IconPacks

提供了大量的高质量的图标供WPF使用,极其方便.

时至今日,已包含29个图标库,共25914个图标.

其提供了一个图标检索程序,用于快速找到须要的图标,在项目的发布页,找到 IconPacks.Browser.Release ,便可下载获得

程序界面:

选中任意图标后,图标上会出现4个按钮,分别提供了对图标不一样的使用方式.

 

在 WPF 中常见的使用方式有两种: 

方式1:经过 Nuget 包使用

直接在 vs 中的 Nuget 包管理器中搜索 MahApps.Metro.IconPacks 便可

除了 MahApps.Metro.IconPacks 这个总包以外,还有许多名称为"MahApps.Metro.IconPacks.图标库名"的分包.

若是只须要用到其中一个或部分图标包的图标,那么能够仅安装所需的分包.

若是须要用到全部的图标,则能够直接安装 MahApps.Metro.IconPacks 这个总包,不过代价是程序会引入很是多的dll文件.

在图标检索程序中找到所需图标后,点击左上角的第一个按钮,便可将其调用代码复制到剪切板

例:

复制的内容为:

<iconPacks:PackIconUnicons Kind="_0Plus" />

将这段内容粘贴到 wpf 的 xaml 中便可调用这个图标,为了方便展现,这里我还为其设置了尺寸和颜色.

别忘了以下图中的红框中所示引入其命名空间,

 

 

方法2:做为 Svg 数据使用

在实际使用中,一般须要同时使用多个图标库的图标,若是采用方法1,就会引入很是多的dll文件.

若是不想引入 dll 文件(不安装 Nuget 包),又想使用全部的图标,就须要使用此方法.

找到图标后,点击其第四个按钮

复制的的内容为:

M18,5h1V6a1,1,0,0,0,2,0V5h1a1,1,0,0,0,0-2H21V2a1,1,0,0,0-2,0V3H18a1,1,0,0,0,0,2ZM12.5,6h-1a3,3,0,0,0-3,3v6a3,3,0,0,0,3,3h1a3,3,0,0,0,3-3V9A3,3,0,0,0,12.5,6Zm1,9a1,1,0,0,1-1,1h-1a1,1,0,0,1-1-1V9a1,1,0,0,1,1-1h1a1,1,0,0,1,1,1Zm8.1-6a1,1,0,0,0-.78,1.18,9,9,0,1,1-7-7,1,1,0,1,0,.4-2A10.8,10.8,0,0,0,12,1,11,11,0,1,0,23,12a10.8,10.8,0,0,0-.22-2.2A1,1,0,0,0,21.6,9Z

这是一串Svg格式的Path数据,WPF中的Path对象能够直接使用: