HelloMauiToolkit

The .NET MAUI Community Toolkit is a collection of common elements for development with .NET MAUI that developers tend to replicate across multiple apps. It simplifies and demonstrates common developer tasks when building apps with .NET MAUI.

.NET MAUI Community Toolkit: Converters

This specific example uses the ColorToHexRgbStringConverter.

Add UseMauiCommunityToolkit()

In order to use the .NET MAUI Community Toolkit you need to call the extension method in your MauiProgram.cs file as follows:

using CommunityToolkit.Maui;

public static class MauiProgram
{
	public static MauiApp CreateMauiApp()
	{
		var builder = MauiApp.CreateBuilder();
		
		// Initialise the toolkit
		builder.UseMauiApp<App>().UseMauiCommunityToolkit();

		// the rest of your logic...
	}
}

Add XAML Namespace

At the top of your XAML file, add the following xmlns

xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit"

Use ColorToHexRgbStringConverter

In your Binding assign Converter={converters:ColorToHexRgbStringConverter}:

Text="{Binding Source={x:Reference ClickMeButton}, Path=BackgroundColor, Converter={toolkit:ColorToHexRgbStringConverter}}

<p align="center"> <img src="https://user-images.githubusercontent.com/13558917/136874004-97d0792d-2561-44e9-afcb-9cc54ee35d02.png" width="500" /> </p>