WPF 使用 iconfont 里面的图标技巧
概要说明
开发过程中,很多时候都要用到一些图标。
我最常用的图标库是阿里的:www.iconfont.cn
使用方法如下:
1、搜索相关图标,并点击下载,如下图:
2、点击复制SVG代码:
3、粘贴到文本文档:
<svg t="1615047957373" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15273" width="32" height="32"> <path d="M640 672H384c-17.7 0-32-14.3-32-32s14.3-32 32-32h256c17.7 0 32 14.3 32 32s-14.3 32-32 32z" p-id="15274">path> svg>
4、扣出相关path里面的d值
M640 672H384c-17.7 0-32-14.3-32-32s14.3-32 32-32h256c17.7 0 32 14.3 32 32s-14.3 32-32 32z
5、复制d值,在窗体xaml里面相关位置加入 而有时候,SVG里面的path值并非一个,如果出现多个的时候,则使用下方的办法进行赋值: 下载该图标的SVG格式后,发现里面有两个path。 如下图: 拷贝相关path 的d值都放到PathFigureCollection里面,如下图: 原文:https://www.cnblogs.com/bug01/p/14493219.html<Path Fill="Black" Data="M640 672H384c-17.7 0-32-14.3-32-32s14.3-32 32-32h256c17.7 0 32 14.3 32 32s-14.3 32-32 32z"/>
多个path的方法
<Path DockPanel.Dock="Right" Fill="Gray">
<Path.Data>
<PathGeometry >
<PathGeometry.Figures>
<PathFigureCollection>
M647.52 170.666667a106.933333 106.933333 0 0 1 92.373333 53.333333l135.52 234.666667a106.986667 106.986667 0 0 1 0 106.666666l-135.52 234.666667a106.933333 106.933333 0 0 1-92.373333 53.333333H376.48a106.933333 106.933333 0 0 1-92.373333-53.333333l-135.52-234.666667a106.986667 106.986667 0 0 1 0-106.666666l135.52-234.666667a106.933333 106.933333 0 0 1 92.373333-53.333333h271.04m0-64H376.48a170.666667 170.666667 0 0 0-147.786667 85.333333L93.173333 426.666667a170.666667 170.666667 0 0 0 0 170.666666l135.52 234.666667a170.666667 170.666667 0 0 0 147.786667 85.333333h271.04a170.666667 170.666667 0 0 0 147.786667-85.333333l135.52-234.666667a170.666667 170.666667 0 0 0 0-170.666666l-135.52-234.666667a170.666667 170.666667 0 0 0-147.786667-85.333333z
M512 386.4a128 128 0 1 1-128 128 128 128 0 0 1 128-128m0-64a192 192 0 1 0 192 192 192 192 0 0 0-192-192z
PathFigureCollection>
PathGeometry.Figures>
PathGeometry>
Path.Data>
Path>