为Avalonia应用添加图标

前言

为了让自己开发的应用更加好看,开发者往往需要增加一些图标。 本文分享在开发Avalonia应用时如何为应用增加图标,希望可以帮助到正在学习使用Avalonia并有此需求的开发者。

实践

经过搜索调用发现这个项目可以很好地解决该需求。 image-20250402090751387 先运行该项目的Demo看看效果。

git clone https://github.com/SKProCH/Material.Icons.git

将Avalonia.Demo设置为启动项目。 image-20250402090946590 就可以看到项目包含的所有图标。 image-20250402091126907 后面直接打开exe文件就行。 现在打开自己的Avalonia项目。 下载这个包。

dotnet add package Material.Icons.Avalonia

打开App.axaml。

              	

打开需要使用图标的页面。 添加:

xmlns:materialIcons="clr-namespace:Material.Icons.Avalonia;assembly=Material.Icons.Avalonia"

以为Button添加图标为例:

实现效果: image-20250402092415352 现在的关键在于如何寻找合适的图标。 以Chat相关的图标为例。 打开刚刚的那个Demo,输入chat,并点击选择的图标一下。 image-20250402092714472