为Avalonia应用添加图标

前言

为了让自己开发的应用更加好看,开发者往往需要增加一些图标。

本文分享在开发Avalonia应用时如何为应用增加图标,希望可以帮助到正在学习使用Avalonia并有此需求的开发者。

实践

经过搜索调用发现这个项目可以很好地解决该需求。

项目地址:github.com/SKProCH/Mat...

先运行该项目的Demo看看效果。

bash 复制代码
git clone https://github.com/SKProCH/Material.Icons.git

将Avalonia.Demo设置为启动项目。

就可以看到项目包含的所有图标。

后面直接打开exe文件就行。

现在打开自己的Avalonia项目。

下载这个包。

csharp 复制代码
dotnet add package Material.Icons.Avalonia

打开App.axaml。

xml 复制代码
<Application xmlns:materialIcons="clr-namespace:Material.Icons.Avalonia;assembly=Material.Icons.Avalonia">        <Application.Styles>      
        <materialIcons:MaterialIconStyles />
    </Application.Styles>
</Application>

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

添加:

ini 复制代码
xmlns:materialIcons="clr-namespace:Material.Icons.Avalonia;assembly=Material.Icons.Avalonia"

以为Button添加图标为例:

ini 复制代码
 <Button>
     <StackPanel Orientation="Horizontal">
         <materialIcons:MaterialIcon Kind="Wechat" Margin="5"/>
         <TextBlock Text="Chat" VerticalAlignment="Center" FontSize="15"/>
     </StackPanel>
 </Button>

实现效果:

现在的关键在于如何寻找合适的图标。

以Chat相关的图标为例。

打开刚刚的那个Demo,输入chat,并点击选择的图标一下。

在右下方就会告诉你怎么使用。

主要是确定Kind值是什么。

以上就是今天的分享内容,希望对你有所帮助。

相关推荐
江山如画,佳人北望2 小时前
C#程序入门
开发语言·windows·c#
与火星的孩子对话3 小时前
Unity进阶课程【六】Android、ios、Pad 终端设备打包局域网IP调试、USB调试、性能检测、控制台打印日志等、C#
android·unity·ios·c#·ip
future14123 小时前
C#每日学习日记
java·学习·c#
军训猫猫头6 小时前
1.如何对多个控件进行高效的绑定 C#例子 WPF例子
开发语言·算法·c#·.net
葬歌倾城1 天前
JSON的缩进格式方式和紧凑格式方式
c#·json
Eiceblue1 天前
使用 C# 发送电子邮件(支持普通文本、HTML 和附件)
开发语言·c#·html·visual studio
小小小小王王王1 天前
hello判断
开发语言·c#
金增辉1 天前
基于C#的OPCServer应用开发,引用WtOPCSvr.dll
c#
future14121 天前
C#学习日记
开发语言·学习·c#
傻啦嘿哟1 天前
Python 办公实战:用 python-docx 自动生成 Word 文档
开发语言·c#