首页 > 其他分享 >如何在WPF中使用矢量图标

如何在WPF中使用矢量图标

时间:2022-10-11 15:13:01浏览次数:80  
标签:标签 矢量 svg WPF 图标 icon

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文件里引用新的图标了

标签:标签,矢量,svg,WPF,图标,icon
From: https://www.cnblogs.com/baibaisheng/p/16779252.html

相关文章

  • 天秀!花费 200W 设计的新版 “小米”图标,看看用Python怎么绘制?
    最终呈现效果哈哈,咋们在讲述之前,首先看看最终呈现的效果吧,整体来说还是很不错的。小米“新”图标背后的数学前段时间,小米公司发布了一条微博,引发了热议,原来小米换了新logo......
  • WPF listbox中添加index
    关键代码:如果中在ItemsControl中加入Index,"RelativeSource={RelativeSourceAncestorType=ListBoxItem}"可以写成,"RelativeSource={RelativeSourceTemplatedParent}"但是......
  • WPF ListBox添加新数据时自动滚到最后一行
    Xaml文件代码如下:<ListBoxx:Name="lstBox"Height="200"AlternationCount="100000"ItemsSource="{BindingLogs}"><List......
  • 【WPF】应用程序 本地化
    本地化就是根据不同地区语言显示不同的文字。本文环境:vs2022+.net6.0新的本地化方式使用资源字典,然后动态引用资源字典,以下以UI界面汉化为例:新建一个文件夹 Languag......
  • WPF之界面出现锯齿形的噪点
    项目中出现重启电脑后(软件自动启动)点击软件界面时偶尔出现锯齿噪点现象,最后发现是图片硬解码绘制的BUG。使用软解就可以避开。处理方法:在窗口的Loaded事件加这句varhw......
  • 为 element-plus 的图标组件设置圆形背景
    实现思路element-plus中的图标都是单个的组件,需要配合el-icon组件一起使用。但这两类组件都没有自带的圆形背景,因此引入el-tag组件作为el-icon组件的容器。el-tag......
  • 「我的电脑」去哪了?教你恢复桌面的「此电脑」等系统图标
    无论是Win7还是Win10,只要你安装的是微软官方的纯净版系统,默认情况下桌面除了有个回收站图标就空空如也了,以最新的Win102004版本为例,系统安装完成后桌面就之后回收站和Edge......
  • 在element-ui控件el-select与el-input中前面添加icon图标
     在el-input中可以通过 prefix-icon(首部)和 suffix-icon(尾部) 属性在input组件增加显示图标,也可以通过slot来放置图标。如下图:  代码如下:<divclass="demo-i......
  • MATLAB GUI设计——菜单选项中加入图标
    GUI中添加图标,能很大程度上提高用户的友好度,显得格外舒适。MATLAB官方并没有提供向菜单栏中添加图标的直接方法,基于figure设计的GUI中,可以通过JaveFrame属性间接设置图标......
  • 想要字体图标设计师却给了SVG?没关系,自己转
    本文为Varlet组件库源码主题阅读系列第三篇,读完本篇,你可以了解到如何将svg图标转换成字体图标文件,以及如何设计一个简洁的Vue图标组件。Varlet提供了一些常用的图标,图标......