使用IconFont实现矢量图标(Avalonia)
IconFont可以自己在阿里图标库收藏好,然后打包下载,这个就不在这里进行描述了,如果不知道怎么生成图标项目以及打包下载,可以先自己百度。
App.axaml
中进行载入
<Application.Resources><FontFamily x:Key="MyFont">avares://DakaPath.Ebook.Avalonia/Assets/微软雅黑.ttf#Microsoft YaHei</FontFamily><FontFamily x:Key="IconFont">avares://DakaPath.Ebook.Avalonia/Assets/iconfont.ttf#dakapathapp</FontFamily>
</Application.Resources>
iconfont.tff
的文件属性应该设置为AvaloniaResource
最后,在需要使用矢量图标的地方,用TextBlock
控件,设置FontFamily
和Text
即可
Text的内容需要参考iconfont官网在项目里查看
如果有新增图标,只需要重新下载并覆盖iconfont.tff
文件即可,刚替换时,IDE可能加载不出来,但是启动运行一下程序即可预览