Getting Started with WinUI Rating

4 Oct 20222 minutes to read

This section explains the steps required to add the WinUI Rating control and covers only the basic features needed to get started with Syncfusion Rating control.

Creating an application with WinUI Rating control

  1. Create a WinUI 3 desktop app for C# and .NET 5.
  2. Add reference to Syncfusion.Editors.WinUI NuGet.
  3. Import the control namespace Syncfusion.UI.Xaml.Editors in XAML or C# code.
  4. Initialize the SfRating control.

Initialize Rating control using Items

<Page
    x:Class="GettingStarted.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:GettingStarted"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:syncfusion="using:Syncfusion.UI.Xaml.Editors"
    mc:Ignorable="d"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <Grid>
     <syncfusion:SfRating Value="3">
         <syncfusion:SfRating.Items>
            <syncfusion:SfRatingItem Content="1"/>
            <syncfusion:SfRatingItem Content="2"/>
            <syncfusion:SfRatingItem Content="3"/>
            <syncfusion:SfRatingItem Content="4"/>
            <syncfusion:SfRatingItem Content="5"/>
         </syncfusion:SfRating.Items>
     </syncfusion:SfRating>
    </Grid>
</Page>
// Creating an instance of the Rating control.
SfRating rating = new SfRating();

//Adding items to the Rating control.
rating.Items.Add(new SfRatingItem() { Content = "1"});
rating.Items.Add(new SfRatingItem() { Content = "2"});
rating.Items.Add(new SfRatingItem() { Content = "3"});
rating.Items.Add(new SfRatingItem() { Content = "4"});
rating.Items.Add(new SfRatingItem() { Content = "5"});

//Setting rating value.
rating.Value = 3;

Rating control using items in WinUI

Initialize Rating control using ItemsCount

<syncfusion:SfRating Value="3" ItemsCount="5">
</syncfusion:SfRating>
SfRating rating = new SfRating();
rating.Value = 3;
rating.ItemsCount = 5;

Rating control using itemscount in WinUI