https://github.com/yu-core/mauiblazortoolkit
The Maui Blazor Toolkit encapsulates some Maui and Maui Blazor tool classes, such as changing the color of the title bar
https://github.com/yu-core/mauiblazortoolkit
Last synced: about 1 year ago
JSON representation
The Maui Blazor Toolkit encapsulates some Maui and Maui Blazor tool classes, such as changing the color of the title bar
- Host: GitHub
- URL: https://github.com/yu-core/mauiblazortoolkit
- Owner: Yu-Core
- License: mit
- Created: 2023-05-22T04:16:09.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2025-03-23T11:54:30.000Z (about 1 year ago)
- Last Synced: 2025-04-23T14:10:01.584Z (about 1 year ago)
- Language: C#
- Homepage:
- Size: 454 KB
- Stars: 7
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# MauiBlazorToolkit
English || [简体中文](/README.zh-CN.md)
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](https://github.com/CommunityToolkit/Maui). Thank you very much.
## Start
Install [Yu-Core.MauiBlazorToolkit](https://www.nuget.org/packages/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
```Csharp
using MauiBlazorToolKit;
public static class MauiProgram
{
public static MauiApp CreateMauiApp()
{
var builder = MauiApp.CreateBuilder();
builder
.UseMauiApp()
// 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 (Title Bar Color)
`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](https://learn.microsoft.com/zh-cn/dotnet/communitytoolkit/maui/behaviors/statusbar-behavior?tabs=ios)
#### Configuration
Modify ` MainPage.xaml`
```xaml
```
Modify `MauiProgram.cs`
```csharp
var builder = MauiApp.CreateBuilder();
builder
.UseMauiApp()
.UseMauiBlazorToolkit(options =>
{
options.TitleBar = true;
})
```
#### Using
```csharp
using MauiBlazorToolKit.Platform
#if Windows || MacCatalyst
TitleBar.SetColor(titleBarColor);
TitleBar.SetStyle(TitleBarStyle.DarkContent);
#endif
```
## AppStoreLauncher (opens the default app store)
`AppStoreLauncher` 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
#### Using
```csharp
AppStoreLauncher.TryOpenAsync(appId);
```
## MediaFilePicker(Media file picker)
`MediaFilePicker` Allow you to select one or multiple media files
Note that it can only be used on Android and iOS.
#### Using
```csharp
using MauiBlazorToolkit.Essentials
#if Android || iOS
FileResult? photoFileResult = await MediaFilePicker.Default.PickPhotoAsync();
FileResult? videoFileResult = await MediaFilePicker.Default.PickVideoAsync();
IEnumerable? photoFileResults = await MediaFilePicker.Default.PickMultiplePhotoAsync();
IEnumerable? videoFileResults = await MediaFilePicker.Default.PickMultipleVideoAsync();
#endif
```
## AndroidFilePicker(Android file picker)
`AndroidFilePicker` Improvement of FilePicker in MAUI Essentials with more options for selection
Note that it can only be used in Android and may be deleted in the future
#### Using
```csharp
using MauiBlazorToolkit.Essentials
#if Android
FileResult? fileResult = await AndroidFilePicker.Default.PickAsync();
IEnumerable? fileResults = await AndroidFilePicker.Default.PickMultipleAsync();
#endif
```