项目介绍
MAUIIcons是对Maui可用的Icon集合库。可以方便的在Maui上进行使用。本库集成了:Fluent、Material、Cuperitno和FontAwesome。提供了对上述图标集合的完整访问,为用户在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开启原创,欢迎关注与转载。