在WPF项目中使用阿里图标库iconfont
使用阿里图标库的步骤:
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编码。
<TextBlockFontFamily="{StaticResource IconFont}"FontSize="16"Foreground="Red"Text="" />