Introducing the New .NET MAUI Digital Gauge Control
Tags: dotnetmaui, mobile, maui, ui
Published: 2024-06-19 15:02:03

---
title: Introducing the New .NET MAUI Digital Gauge Control
published: true
date: 2024-06-18 14:04:49 UTC
tags: dotnetmaui, mobile, maui, ui
canonical_url: https://www.syncfusion.com/blogs/post/dotnetmaui-digital-gauge-control
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v03akpcll16qb0nytnh2.png
---

**TL;DR:** Experience the future of digital interaction with the cutting-edge Syncfusion .NET MAUI Digital Gauge control, unveiled in our 2024 Volume 2 release! Let’s explore its features and the steps to get started with it.

We are thrilled to introduce the new [Syncfusion .NET MAUI Digital Gauge](https://www.syncfusion.com/maui-controls/maui-digital-gauge ".NET MAUI Digital Gauge Control") control in our most recent launch, [2024 Volume 2](https://www.syncfusion.com/forums/188642/essential-studio-2024-volume-2-main-release-v26-1-35-is-available-for-download "Essential Studio 2024 Volume 2")! This state-of-the-art control is designed to showcase alphanumeric and special characters in a sleek digital display format. It’s a perfect fit for many applications, including dashboards, real-time monitoring systems, and data visualization.

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2024/06/NET-MAUI-Digital-Gauge.gif" alt=".NET MAUI Digital Gauge" style="width:100%">

  <figcaption>.NET MAUI Digital Gauge</figcaption>

</figure>


Let’s explore its key features. 

## Key features

- [Character segment types](#Character)
- [Character display types](#display)
- [Appearance customization](#Appearance)

## <a name="Character">Character segment types</a>

The .NET MAUI Digital Gauge control offers various segment types for displaying characters, including seven, fourteen, sixteen, and 8×8 dot matrices. This flexibility allows for the precise representation of multiple data types in apps that require clear and distinct character displays.

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2024/06/7-segment-character-type-in-.NET-MAUI-Digital-Gauge.png" alt="7 segment character type in .NET MAUI Digital Gauge" style="width:100%">

  <figcaption>7 segment character type in .NET MAUI Digital Gauge</figcaption>

</figure>

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2024/06/14-segment-character-type-in-.NET-MAUI-Digital-Gauge.png" alt="14 segment character type in .NET MAUI Digital Gauge" style="width:100%">

  <figcaption>14 segment character type in .NET MAUI Digital Gauge</figcaption>

</figure>

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2024/06/16-segment-character-type-in-.NET-MAUI-Digital-Gauge.png" alt="16 segment character type in .NET MAUI Digital Gauge" style="width:100%">

  <figcaption>16 segment character type in .NET MAUI Digital Gauge</figcaption>

</figure>

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2024/06/88-dot-matrices-character-type-in-.NET-MAUI-Digital-Gauge.png" alt="8*8 dot matrices character type in .NET MAUI Digital Gauge" style="width:100%">

  <figcaption>8*8 dot matrices character type in .NET MAUI Digital Gauge</figcaption>

</figure>

## <a name="display">Character display types</a>

The .NET MAUI Digital Gauge control can display letters, numbers, and special characters in digital format. It is beneficial for applications like digital clocks where clear and precise character representation is crucial.

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2024/06/NET-MAUI-Digital-Gauge-displaying-numbers.png" alt=".NET MAUI Digital Gauge displaying numbers" style="width:100%">

  <figcaption>.NET MAUI Digital Gauge displaying numbers</figcaption>

</figure>

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2024/06/NET-MAUI-Digital-Gauge-displaying-alphabetic-letters.png" alt=".NET MAUI Digital Gauge displaying alphabetic letters" style="width:100%">

  <figcaption>.NET MAUI Digital Gauge displaying alphabetic letters</figcaption>

</figure>

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2024/06/NET-MAUI-Digital-Gauge-displaying-special-characters.png" alt=".NET MAUI Digital Gauge displaying special characters" style="width:100%">

  <figcaption>.NET MAUI Digital Gauge displaying special characters</figcaption>

</figure>

## <a name="Appearance">Appearance customization</a>

To enhance visual appeal, you can customize the character’s appearance with color, size, and spacing.

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2024/06/Customizing-characters-in-.NET-MAUI-Digital-Gauge.png" alt="Customizing characters in .NET MAUI Digital Gauge" style="width:100%">

  <figcaption>Customizing characters in .NET MAUI Digital Gauge</figcaption>

</figure>


## Getting started with .NET MAUI Digital Gauge control

We’ve seen some of the key features of the Syncfusion .NET MAUI Digital Gauge control. Now, let’s see how to integrate it into your application.

1.[Create a new .NET MAUI application](https://learn.microsoft.com/en-us/dotnet/maui/get-started/first-app?view=net-maui-8.0 "Build your first .NET MAUI app") in [Visual Studio](https://visualstudio.microsoft.com/vs/ "Visual Studio").
2.**Syncfusion.Maui.Core** NuGet is a dependent package for all Syncfusion .NET MAUI controls. In the **MauiProgram.cs** file, register the handler for Syncfusion core.   

```csharp
using Syncfusion.Maui.Core.Hosting;

builder
    .UseMauiApp<App>()
   .ConfigureSyncfusionCore()

```

3.Syncfusion .NET MAUI components are available in the [NuGet Gallery](https://www.nuget.org/ "NuGet Gallery"). To add the **SfDigitalGauge** to your project, open the **NuGet Package Manager** in Visual Studio and search for [Syncfusion.Maui.Gauges](https://www.nuget.org/packages/Syncfusion.Maui.Gauges "Syncfusion.Maui.Gauges NuGet package"), and install it.
4.Now, import the control namespace **Syncfusion.Maui.Gauges** in your XAML or C# code and initialize the  **SfDigitalGauge** control **.**
5.Finally, add the [Text](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Gauges.SfDigitalGauge.html#Syncfusion_Maui_Gauges_SfDigitalGauge_Text "Text property of .NET MAUI Digital Gauge") property to display the value in the digital gauge and set the [CharacterType](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Gauges.SfDigitalGauge.html#Syncfusion_Maui_Gauges_SfDigitalGauge_CharacterType "CharacterType property of .NET MAUI Digital Gauge") based on your requirements. Refer to the following code example.
   
**MainPage.xaml**
```xml
xmlns:gauge="clr-namespace:Syncfusion.Maui.Gauges;assembly=Syncfusion.Maui.Gauges"<gauge:SfDigitalGauge Text="06:14:56 PM" CharacterType="FourteenSegment" />
```
Refer to the following output image.

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2024/06/Integrating-Digital-Gauge-control-in-the-.NET-MAUI-app.png" alt="Integrating Digital Gauge control in the .NET MAUI app" style="width:100%">

  <figcaption>Integrating Digital Gauge control in the .NET MAUI app</figcaption>

</figure>

## GitHub reference

For more details, refer to the [.NET MAUI Digital Gauge demo on GitHub](https://github.com/SyncfusionExamples/maui-digital-gauge/tree/master/GettingStarted ".NET MAUI Digital Gauge demo on GitHub").

## Conclusion

Thanks for reading! In this blog, we’ve explored the features of the new Syncfusion [.NET MAUI Digital Gauge](https://www.syncfusion.com/maui-controls/maui-digital-gauge ".NET MAUI Digital Gauge") control rolled out in the [2024 volume 2](https://www.syncfusion.com/forums/188642/essential-studio-2024-volume-2-main-release-v26-1-35-is-available-for-download "Essential Studio 2024 volume 2") release. For more information, please check the [.NET MAUI Digital Gauge documentation](https://help.syncfusion.com/maui/digitalgauge/overview "Getting started with the .NET MAUI Digital Gauge").  You can also check out all the other new updates of this release in our [Release Notes](https://help.syncfusion.com/common/essential-studio/release-notes/v26.1.35 "Essential Studio Release Notes") and [What’s New](https://www.syncfusion.com/products/whatsnew "Essential Studio What’s New") pages.

For current Syncfusion customers, the newest version of Essential Studio is available from the [license and downloads page](https://www.syncfusion.com/account/downloads "Essential Studio License and Downloads page"). If you are not a customer, try our 30-day [free trial](https://www.syncfusion.com/downloads "Get free evaluation of the Essential Studio products") to check out these new features.

If you have questions, contact us through our [support forums](https://www.syncfusion.com/forums "Syncfusion Support Forum"), [feedback portal](https://www.syncfusion.com/feedback "Syncfusion Feedback Portal"), or [support portal](https://support.syncfusion.com/ "Syncfusion Support Portal"). We are always happy to assist you!





## Related blogs

- [Syncfusion Essential Studio 2024 Volume 2 Is Here!](https://www.syncfusion.com/blogs/post/syncfusion-essential-studio-2024-vol2 "Blog: Syncfusion Essential Studio 2024 Volume 2 Is Here!")
- [Introducing the 12th Set of New .NET MAUI Controls and Features](https://www.syncfusion.com/blogs/post/syncfusion-dotnet-maui-2024-volume-2 "Blog: Introducing the 12th Set of New .NET MAUI Controls and Features")
- [What’s New in .NET MAUI Charts: 2024 Volume 2](https://www.syncfusion.com/blogs/post/dotnet-maui-charts-2024-volume-2 "Blog: What’s New in .NET MAUI Charts: 2024 Volume 2")
- [How to Lazy Load JSON Data in .NET MAUI DataGrid](https://www.syncfusion.com/blogs/post/lazy-load-json-data-dotnetmaui-grid "Blog: How to Lazy Load JSON Data in .NET MAUI DataGrid")