MAUI库推荐一:MAUIIcons

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 Appbuilder.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开启原创,欢迎关注与转载。