RatingBarControl 1.0.0

RatingBarControl

RatingBarControl - is a cross-platform plugin for Xamairn Forms.

How To Use

Nuget: https://www.nuget.org/packages/RatingBarControl/1.0.0

Install this plugin in your Xamarin Form Project.

Namespace :

 xmlns:ratingbarcontrol="clr-namespace:RatingBarControl;assembly=RatingBarControl

Implementation.

 <Label Text="{Binding Source={x:Reference rtControl},Path=SelectedStarValue,StringFormat='Seleced Star: {0}'}" />
        <ratingbarcontrol:RatingBar StarHeightRequest="35" 
                                    StarWidthRequest="35"  
                                    EmptyStarImage="emptystar" 
                                    FillStarImage="fillstar" 
                                    x:Name="rtControl"/>

Property

1. StarHeightRequest: Used to set the Height of the Image.
2. StarWidthRequest: Used to set the Width of the Image.
3. EmptyStarImage: Specify the image name of the empty star.
4. FillStarImage: Specify the image name of the filled star.
5. SelectedStarCommand: Use this command to get the selected star value in ViewModel.
6. SelectedStarValue: Used to set default selected star value.
7. FlowDirection: Used to set the Rating Bar Control Flow Direction, either Left to Right or Right to left.
8. Spacing: Used to set the Spacing between stars.

How to get the Selected Rating

Design Side

<Label Text="{Binding SelectedStarValue,StringFormat='Selected Star is : {0}'}" />
<ratingbarcontrol:RatingBar StarHeightRequest="35" 
                  StarWidthRequest="35"  
                  EmptyStarImage="emptystar" 
                  FillStarImage="fillstar" 
                  SelectedStarCommand="{Binding SelectedStarCommand}"
                  x:Name="rtControl"/>

Code Behind

private int _selectedStarValue;
public int SelectedStarValue
{
     get => _selectedStarValue;
     set => SetProperty(ref _selectedStarValue, value);
}
 
public ICommand SelectedStarCommand => new Command<int>((selectedStarValue) =>
{
      SelectedStarValue = selectedStarValue;
});