Getting Started with the .NET MAUI BadgeView Control

A quick-start project that helps you integrate the Syncfusion Badge View control with a .NET MAUI application by adding the Syncfusion MAUI Core package from NuGet. This project contains simple code to apply predefined styles, icons, and other customizations.

Documentation: https://help.syncfusion.com/maui/badge-view/getting-started

Adding the .NET MAUI BadgeView

Step 1: Add the NuGet to the project and add the namespace as shown in the following code sample:

[XAML]

xmlns:badge="clr-namespace:Syncfusion.Maui.Core;assembly=Syncfusion.Maui.Core"

[C#]

    using Syncfusion.Maui.Core;

Step 2: Set the BadgeView control to content in ContentPage.

<badge:SfBadgeView >        
</badge:SfBadgeView>

[C#]

SfBadgeView sfBadgeView = new SfBadgeView();
this.Content = sfBadgeView

Step 3: Adding a content

An Image, button, or label or any view can be added to the Badge View using the Content property.

<badge:SfBadgeView HorizontalOptions="Center" VerticalOptions="Center" BadgeText="20">
        <badge:SfBadgeView.Content>
            <Button Text="Primary" WidthRequest="120"  HeightRequest="60"/>
        </badge:SfBadgeView.Content>
</badge:SfBadgeView>

Project pre-requisites

Make sure that you have the compatible versions of Visual Studio with .NET MAUI workloads and .NET SDK version in your machine before starting to work on this project. Refer to System Requirements for .NET MAUI.

How to run this application?

To run this application, you need to first clone the getting-started-with-the-dotnet-maui-badge-view repository and then open it in Visual Studio 2022. Now, simply build and run your project to view the output.

Troubleshooting

Path too long exception

If you are facing a path too long exception when building this example project, close Visual Studio rename the repository to short, and build the project.

License

Syncfusion has no liability for any damage or consequence that may arise by using or viewing the samples. The samples are for demonstrative purposes, and if you choose to use or access the samples, you agree to not hold Syncfusion liable, in any form, for any damage that is related to use, for accessing, or viewing the samples. By accessing, viewing, or seeing the samples, you acknowledge and agree Syncfusion’s samples will not allow you seek injunctive relief in any form for any claim related to the sample. If you do not agree to this, do not view, access, utilize, or otherwise do anything with Syncfusion’s samples.