WPF 使用矢量字体图标

矢量字体图标

在WPF项目中经常需要显示图标,但是项目改动后,有时候需要替换和修改图标,这样非常麻烦且消耗开发和美工的时间。为了快速开发项目,节省项目时间,使用图标矢量字体图标是一个非常不错的选择。 矢量字体图标可以像字体一样修改大小,颜色且不失真。即使项目改动,也能快速改变形状,大小和颜色。

矢量字体图标网站

下面两个网站都有大量矢量图,本篇以阿里图库为例,学会使用矢量字体图标。

阿里图库下载矢量字体图标

1、登录阿里图库网站,里面有大量的矢量图标库,选择自己喜欢的图标"添加入库"

2、选择完自己喜欢的图标后,点击"购物车"将自己选择入库的图片添加到项目(无项目,可新建项目)

3、进入"我的项目",点击"下载到本地"

4、将解压出来的字体文件(iconfont.ttf),放入自己的项目中

WPF项目使用矢量字体图标

1、在需要显示图标的控件上,设置字体FontFamily="字体路径/#字体文件名" (如FontFamily="../Fonts/#iconfont" ),将显示内容中填写字体代码(如Text=""),字体代码是在阿里图库图标上复制的代码。你也可以通过FontSize和Foreground改变图标的大小和颜色,改变后图标不失真。

cs 复制代码
  <TextBlock FontFamily="../Fonts/#iconfont" Text="&#xe68e;" FontSize="24" Foreground="BlueViolet"/>

2、也可以将字体写入到字典里面,然后在App.xaml中添加字典引用,这样就可以通过Key值进行全局调用字体图标了。

阿里图库使用PNG图片

当然,你也可以直接下载PNG格式的阿里图库图标,还可以自定义它的颜色和大小哦!

实例链接:https://download.csdn.net/download/lvxingzhe3/88712245

相关推荐
Macbethad7 小时前
工业设备数据记录程序技术方案
wpf·信息与通信
zzyzxb20 小时前
WPF 中隧道事件和冒泡事件
wpf
闲人编程20 小时前
API限流、鉴权与监控
分布式·python·wpf·限流·集群·令牌·codecapsule
TA远方1 天前
【WPF】桌面程序使用谷歌浏览器内核CefSharp控件详解
wpf·浏览器·chromium·控件·cefsharp·cefsharp.wpf
Macbethad1 天前
工业设备数据采集主站程序技术方案
wpf
关关长语2 天前
HandyControl 3.5.x 版本 ListViewItem不显示问题
windows·wpf
Macbethad2 天前
工业设备维护程序技术方案
wpf
Macbethad2 天前
工业设备配方管理系统技术方案
wpf
喵叔哟2 天前
7.日志系统深入
wpf
清风徐来Groot2 天前
WPF布局之Grid
wpf