---
title: "Introducing the New .NET MAUI Rating Control"
published_at: "2022-12-22T11:45:54+00:00"
modified_at: "2026-02-10T05:54:55+00:00"
url: "https://www.syncfusion.com/blogs/post/dotnet-maui-rating-control"
excerpt: "This blog explains the features of the new .NET MAUI Rating control rolled out in the 2022 Volume 4 release and the steps to get started with it."
taxonomy_category:
  - ".NET MAUI"
  - "Desktop"
  - "Essential Studio"
  - "Mobile"
  - "What's new"
taxonomy_post_tag:
  - ".NET MAUI"
  - "desktop"
  - "Mobile"
  - "Rating Control"
  - "What's New"
---

# Introducing the New .NET MAUI Rating Control

[Selva Ganapathy Kathiresan](https://www.syncfusion.com/blogs/author/selva-ganapathy-k)

![Introducing the New .NET MAUI Rating Control](https://www.syncfusion.com/blogs/wp-content/uploads/2022/12/Introducing-the-New-.NET-MAUI-Rating-Control.png)


A rating UI control was one of the controls most requested by our mobile app developers. We at [Syncfusion](https://www.syncfusion.com/)
 understand the requirement for this essential control and have now delivered the [.NET MAUI Rating](https://www.syncfusion.com/maui-controls/maui-rating)
 control in our [2022 Volume 4](https://www.syncfusion.com/forums/179561/essential-studio-2022-volume-4-main-release-v20-4-0-38-is-available-for-download)
 release.

Let’s look at the key features of the new .NET MAUI Rating control and the steps to get started with it.

## Key features

The .NET MAUI Rating control allows users to select a rating value from a group of visual symbols like stars. It can provide ratings for services provided or products, such as movies and software apps.

The control is packed with a lot of cool features, some of the most important being:

- [Rating precision](#rating-precision)
- [Rating shapes](#rating-shapes)
- [Read-only mode](#read-only-mode)
- [Customization](#customization)

### Rating precision

The .NET MAUI Rating control provides flexible precision support to handle full, half, or exact values.

#### Standard (full)

Users can select a rating from whole values.

![Full-Value Rating Selection](https://www.syncfusion.com/blogs/wp-content/uploads/2022/12/Full-Value-Rating-Selection-1.gif)

Full-Value Rating Selection

#### Half

Users can select a rating to the nearest half-value.

![Half-Value Rating Selection](https://www.syncfusion.com/blogs/wp-content/uploads/2022/12/Half-Value-Rating-Selection-1.gif)

Half-Value Rating Selection

#### Exact

Users can select precise values as their rating.

![Exact Value Rating Selection](https://www.syncfusion.com/blogs/wp-content/uploads/2022/12/Exact-Value-Rating-Selection-1.gif)

Exact Value Rating Selection

### Rating shapes

The .NET MAUI Rating control provides four predefined shapes and a custom shape option.

#### Predefined shapes

The following predefined shapes are available:

- Star (default)
- Heart
- Circle
- Diamond

![Predefined Shapes in .NET MAUI Rating Control](https://www.syncfusion.com/blogs/wp-content/uploads/2022/12/Predefined-Shapes-in-.NET-MAUI-Rating-Control.png)

Predefined Shapes in .NET MAUI Rating Control

#### Custom rating shapes

You can load custom path shapes as rating items, too.

![Custom Rating Shapes in .NET MAUI Rating Control](https://www.syncfusion.com/blogs/wp-content/uploads/2022/12/Custom-Rating-Shapes-in-.NET-MAUI-Rating-Control.png)

Custom Rating Shapes in .NET MAUI Rating Control

### Rating with read-only mode

The .NET MAUI Rating control can also be used in a read-only mode. In this mode, users cannot interact with the control.

![Read-Only Mode in .NET MAUI Rating Control](https://www.syncfusion.com/blogs/wp-content/uploads/2022/12/Read-Only-Mode-in-.NET-MAUI-Rating-Control-1.gif)

Read-Only Mode in .NET MAUI Rating Control

### Customization

You can customize the item color, border color, spacing, and selection color of the .NET MAUI Rating control to fit the items to your app’s theme.

#### Custom item size

You can make the Rating control more accessible and enhance its accuracy by customizing the item size.

![Customizing the Item Size in .NET MAUI Rating Control](https://www.syncfusion.com/blogs/wp-content/uploads/2022/12/Customizing-the-Item-Size-in-.NET-MAUI-Rating-Control.png)

Customizing the Item Size in .NET MAUI Rating Control

#### Custom items count

Specify the number of items displayed in the Rating control (e.g., how many stars).

![Customizing the Number of Items in .NET MAUI Rating Control](https://www.syncfusion.com/blogs/wp-content/uploads/2022/12/Customizing-the-Number-of-Items-in-.NET-MAUI-Rating-Control.png)

Customizing the Number of Items in .NET MAUI Rating Control

#### Custom item spacing

You can also specify the amount of space between each item in the Rating control like in the following image.

![Customizing the Item Spacing in .NET MAUI Rating Control](https://www.syncfusion.com/blogs/wp-content/uploads/2022/12/Customizing-the-Item-Spacing-in-.NET-MAUI-Rating-Control.png)

Customizing the Item Spacing in .NET MAUI Rating Control

#### Selected and unselected colors

Customize the fill colors for the selected and unselected states for items.

![.NET MAUI Rating Control with Custom Colors](https://www.syncfusion.com/blogs/wp-content/uploads/2022/12/NET-MAUI-Rating-Control-with-Custom-Colors.png)

.NET MAUI Rating Control with Custom Colors

#### Custom items border color

An item’s border color can make its appearance more attractive. Customize the border color to highlight the selected and unselected items’ fill colors.

![Customizing the Border Colors in .NET MAUI Rating Control](https://www.syncfusion.com/blogs/wp-content/uploads/2022/12/Customizing-the-Border-Colors-in-.NET-MAUI-Rating-Control.png)

Customizing the Border Colors in .NET MAUI Rating Control

#### Custom stroke thickness

You can customize the stroke thickness of the item borders, like in the following image.

![Customizing the Stroke Thickness in .NET MAUI Rating Control](https://www.syncfusion.com/blogs/wp-content/uploads/2022/12/Customizing-the-Stroke-Thickness-in-.NET-MAUI-Rating-Control.png)

Customizing the Stroke Thickness in .NET MAUI Rating Control

## Getting started with .NET MAUI Rating control

We have seen the top features of the .NET MAUI Rating control. Let’s now see how to add it to your application.

### Step 1: Create a .NET MAUI project.

First, [create a .NET MAUI project](https://learn.microsoft.com/en-us/dotnet/maui/get-started/first-app?view=net-maui-7.0&tabs=vswin&pivots=devices-android)
.

### Step 2: Add .NET MAUI Rating NuGet package.

Syncfusion .NET MAUI controls are available in the [NuGet Gallery](https://www.nuget.org)
. To add the .NET MAUI Rating control to your project, open the NuGet package manager in [Visual Studio](https://visualstudio.microsoft.com/)
, and search for [Syncfusion.Maui.Inputs](https://www.nuget.org/packages/Syncfusion.Maui.Inputs)
, and then install it.

### Step 3: Register the handler.

In the **MauiProgram**.** cs** file, register the handler for Syncfusion core. Refer to the following code.

```
using Microsoft.Maui;
using Microsoft.Maui.Hosting;
using Microsoft.Maui.Controls.Compatibility;
using Microsoft.Maui.Controls.Hosting;
using Microsoft.Maui.Controls.Xaml;
using Syncfusion.Maui.Core.Hosting;
using Syncfusion.Maui.ListView.Hosting;
 
namespace RatingSample
{
    public static class MauiProgram
    {
        public static MauiApp CreateMauiApp()
        {
            var builder = MauiApp.CreateBuilder();
            builder
            .UseMauiApp<App>()
            .ConfigureSyncfusionCore()
            .ConfigureSyncfusionListView()
            .ConfigureFonts(fonts =>
            {
                fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
            });
 
            return builder.Build();
        }     
    }
}
```

### Step 4: Add the namespace.

Now, add **Syncfusion.Maui.Inputs** namespace in your XAML page.

```
<xmlns:rating="clr-namespace:Syncfusion.Maui.Inputs;assembly=Syncfusion.Maui.Inputs"/>
```

### Step 4: Initialize the Rating control.

Then, add the .NET MAUI Rating control with the required optimal name using the included namespace.

```
<rating:SfRating x:Name="rating" />
```

### Step 5: Set the number of rating items.

In this demo, we will create a rating application with 5 items. To do so, we use the **ItemCount** property to define the number of rating items.

```
<rating:SfRating ItemCount="5" />
```

**Note:** The default value of **ItemCount** is 5. You can customize it.

### Step 6: Set the rating value.

Now, let’s programmatically assign a value to the **Value** property to display the selected rating. We are setting the display value as 3.

```
<rating:SfRating Value="3" />
```

**Note:** The default value of the **Value** property is 0.

### Step 7: Set precision.

Finally, we need to choose if full, half or exact values can be chosen for ratings. This can be set using the **Precision** property. By default, the precision mode is ** Standard**.

```
<rating:SfRating Precision="Standard" />
```

Refer to the following image.

![Integrating Rating Control into the .NET MAUI Application](https://www.syncfusion.com/blogs/wp-content/uploads/2022/12/Picture16.png)

Integrating Rating Control into the .NET MAUI Application


## Conclusion

Thanks for reading! In this blog, we have seen the new [.NET MAUI Rating](https://www.syncfusion.com/maui-controls/maui-rating)
 control features available in our [2022 Volume 4](https://www.syncfusion.com/forums/179561/essential-studio-2022-volume-4-main-release-v20-4-0-38-is-available-for-download)
 release. You can download [Essential Studio® for .NET MAUI](https://www.syncfusion.com/downloads)
 to evaluate this control. Check out our [Release Notes](https://help.syncfusion.com/common/essential-studio/release-notes/v20.4.0.38)
 and [What’s New pages](https://www.syncfusion.com/products/whatsnew)
 to see the other updates in this release.

If you need any clarification, please mention it in the comments section below! You can also contact us through our [support forum](https://www.syncfusion.com/forums)
, [support portal](https://support.syncfusion.com)
, or [feedback portal](https://www.syncfusion.com/feedback/)
. We are always happy to assist you!

## Related blogs

- [Authenticate the .NET MAUI App with Azure AD](https://www.syncfusion.com/blogs/post/authenticate-the-net-maui-app-with-azure-ad.aspx)
- [Agenda View in .NET MAUI Scheduler: A Perfect Tool for Modern-Day Office Management](https://www.syncfusion.com/blogs/post/agenda-view-in-net-maui-scheduler-a-perfect-tool-for-modern-day-office-management.aspx)
- [Achieve Outlook-Like Swiping Using .NET MAUI ListView](https://www.syncfusion.com/blogs/post/achieve-outlook-like-swiping-using-net-maui-listview.aspx)
- [Replicating an Invoice Page UI in .NET MAUI](https://www.syncfusion.com/blogs/post/invoice-page-ui-in-net-maui.aspx)
- [How to Draw 2D Graphics in .NET MAUI’s GraphicsView](https://www.syncfusion.com/blogs/post/draw-2d-graphics-in-dotnet-maui-graphicsview.aspx)