如何在WPF中使用矢量图标

WPF中除了可以用传统的图片格式(jpg,png)做中控件的图标外,更常见的时使用Geometry作为图标。本文将讲解如何从网上找到svg数据,然后嵌入到WPF里。

准备数据

阿里矢量图【提供大量icon】
https://www.iconfont.cn/collections/index?spm=a313x.7781069.1998910419.40

  • 找到想要的icon后,在html中找到对应的svg标签,

  • 复制标签内path数据
    image

  • 在WPF资源字典里创建Geomtry标签,如下:

<ResourceDictionary 
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

	<PathGeometry x:Key="Spanner" Figures="[添加复制的Path内容]" />
	
</ResourceDictionary>
  • 现在就可以在XAML文件里引用新的图标了
posted @ 2022-10-11 15:04  潜谷先生  阅读(911)  评论(0)    收藏  举报