为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值是什么。

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

相关推荐
唐青枫5 小时前
C#.NET dapper 详解
c#·.net
死也不注释7 小时前
【鸡零狗碎记录】
unity·c#
Maybe_ch7 小时前
.NET-键控服务依赖注入
开发语言·c#·.net
★YUI★11 小时前
学习游戏制作记录(剑投掷技能)7.26
学习·游戏·unity·c#
小乖兽技术11 小时前
C#与C++交互开发系列(二十四):WinForms 应用中嵌入C++ 原生窗体
c++·c#·交互
I'mSQL12 小时前
C#与WPF使用mvvm简单案例点击按钮触发弹窗
开发语言·c#·wpf
工藤新一OL13 小时前
把xml的格式从utf-8-bom转为utf-8
xml·c#·asp.net·.netcore·visual studio
henreash14 小时前
NLua和C#交互
开发语言·c#·交互
SAJalon17 小时前
C#集合全面解析
c#
SAJalon19 小时前
C#数组全面解析
c#