Fork me on GitHub

MAUI库推荐一:MAUIIcons

项目介绍

MAUIIcons是对Maui可用的Icon集合库。可以方便的在Maui上进行使用。本库集成了:FluentMaterialCuperitnoFontAwesome。提供了对上述图标集合的完整访问,为用户在MAUI上提供丰富而通用的图标解决方案。

项目地址

https://github.com/AathifMahir/MauiIcons

使用方法

需要在nuget上面下载对应的库,可搜索:AathifMahir.Maui.MauiIcons

为了在MAUI上使用本图标库,你需要在MauiProgram.cs中添加如下代码

public static class MauiProgram
{
	public static MauiApp CreateMauiApp()
	{
		var builder = MauiApp.CreateBuilder();	
		
        // Maui App Builder that Comes with Default Maui App
		builder.UseMauiApp<App>()
        // Initialises the .Net Maui Icons - Fluent
        	.UseFluentMauiIcons()
        // Initialises the .Net Maui Icons - Material
        	.UseMaterialMauiIcons()
        // Initialises the .Net Maui Icons - Cupertino
        	.UseCupertinoMauiIcons();
	}
}

在XAML中使用,需要添加:

xmlns:mi="http://www.aathifmahir.com/dotnet/2022/maui/icons"

数据绑定用法:

<Label  mi:MauiIcon.Value="{mi:Fluent Icon={Binding MyIcon}, 
                   IconColor={Binding MyColor}, FontOverride=True}" />

为了可以设置默认的icon size,font override, default font auto-scaling

builder.UseMauiIconsCore(x => 
{
	x.SetDefaultIconSize(30.0);
	x.SetDefaultFontOverride(true);
	x.SetDefaultFontAutoScaling(true);
})

注意

如果在编译时遇到编译错误的问题时,你需要在代码后台创建一个被丢弃的MauiIcon实例。

public MainPage()
{
    InitializeComponent();
    // Temporary Workaround for url styled namespace in xaml
    _ = new MauiIcon();
}

实际上在MauiProgram中添加此行代码也可以,如:

.ConfigureFonts(fonts =>
{
    _ = new MauiIcon();//添加此行
    fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
    fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold");
});

此文已在公众号:MAUI与Avalonia开启原创,欢迎关注与转载。

posted @ 2025-12-14 20:19  芝麻科技  阅读(35)  评论(0)    收藏  举报
SesameTech