English || 简体中文
The Maui Blazor toolbox encapsulates some Maui and Maui Blazor tool classes, such as changing the color of the title bar.
Imitated the .NET MAUI Community Toolkit. Thank you very much.
Install Yu-Core.MauiBlazorToolkit from NuGet
To use the MauiBlazor toolkit, you need to call the extension method in the file, as shown below: MauiProgram.cs
using MauiBlazorToolKit;
public static class MauiProgram
{
public static MauiApp CreateMauiApp()
{
var builder = MauiApp.CreateBuilder();
builder
.UseMauiApp<App>()
// Initialize the MAUI Blazor Toolkit by adding the below line of code
.UseMauiBlazorToolkit()
// After initializing the MAUI Blazor Toolkit, optionally add additional fonts
.ConfigureFonts(fonts =>
{
fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold");
});
// Continue initializing your .NET MAUI App here
return builder.Build();
}
}TitleBarBehavior allows you to customize the color and style of the device's title bar.
Note that it can only be used in Windows and Mac OS. If you want to change the status bar of Android and iOS, please refer to the .NET MAUI Community Toolkit
Modify MainPage.xaml
<ContentPage xmlns=" http://schemas.microsoft.com/dotnet/2021/maui "
xmlns:x=" http://schemas.microsoft.com/winfx/2009/xaml "
xmlns:mauiBlazorToolkit="clr-namespace:MauiBlazorToolkit.Behaviors;assembly=MauiBlazorToolkit"
x:Class="MyLittleApp.MainPage">
<ContentPage.Behaviors>
<mauiBlazorToolkit:TitleBarBehavior TitleBarColor="#fff" TitleBarStyle="DarkContent"></mauiBlazorToolkit:TitleBarBehavior>
</ContentPage.Behaviors>
</ContentPage>Modify MauiProgram.cs
var builder = MauiApp.CreateBuilder();
builder
.UseMauiApp<App>()
.UseMauiBlazorToolkit(options =>
{
options.TitleBar = true;
})using MauiBlazorToolKit.Platform
#if Windows || MacCatalyst
TitleBar.SetColor(titleBarColor);
TitleBar.SetStyle(TitleBarStyle.DarkContent);
#endifAppStoreLauncher allows you to open the default app store
The appId is the ProductId of the app in Windows
The appId is the bundle ID of the app in iOS/MacCatalyst
The appId is the package name of the app in Android
AppStoreLauncher.TryOpenAsync(appId);