代码改变世界

在WPF任务中使用阿里图标库iconfont

2025-09-16 08:22  tlnshuju  阅读(14)  评论(0)    收藏  举报

采用阿里图标库的步骤：

1。从阿里图标库官方网站上下载图标。

在这里插入图片描述

2。把阿里图标库（WPF中支持.ttf字体文件）引入
在这里插入图片描述

3。在App.xaml中添加图标的全局样式。推荐在此处添加全局样式，为了保证图标可以在所有窗体中使用。
代码如下：<FontFamily x:Key="IconFont">Fonts/#iconfont</FontFamily>
或者<FontFamily x:Key="IconFont">pack://application:,,,/Fonts/#iconfont</FontFamily>
在这里插入图片描述

提醒：路径必须正确。注意#iconfont，不能加文件后缀名，必须以#开头。
如果路径不对，出现小方块，表示xaml没有正确解析unicode图标。
其实#iconfont指字体名称。
pack://application:,/Fonts/#iconfont：这是WPF里用于引用项目资源的URI格式。Fonts为字体文件所在的文件夹，iconfont是字体的名称。

4。就可以在某个控件上应用阿里图标了

使用代码如下：提醒控制图标大小使用FontSize，而不是Width和Height

FontFamily=“{StaticResource IconFont}”：引用之前在App.xaml里定义的字体资源。

Text=“”：这里的是IconFont平台上对应图标的Unicode编码。

<
TextBlock
FontFamily="{StaticResource IconFont}"
FontSize="16"
Foreground="Red"
Text="&#xe669;" />