Awesome
MAUI Rating View Control
A simple and customizable Rating View control for use with .NET MAUI Apps.
Roadmap
This is a fully working RatingView control. However, this is only a display only version and does not allow users to change the rating. The following enhancements are in the pipeline:
- Implement IsReadOnly property to allow Interactions to change rating by tapping the RatingView control on the screen
- Release the control as a Nuget package
How to use
- Nuget version will be released soon. In the meanwhile, clone this repository and add the project reference to the Maui.Controls.RatingView.
- Add the following namespace declaration in your Maui Form pages:
xmlns:controls="clr-namespace:XGENO.Maui.Controls;assembly=Maui.Controls.RatingView"
- Add the control to the page and set the properties as necessary.
<controls:RatingView
ItemCount="5"
ItemSize="16"
ItemSpacing="6"
Value="4.3"
RatedFillColor="Yellow"
UnRatedFillColor="LightGrey"
StrokeColor="Black"
StrokeWidth="1"
HorizontalOptions="Start" />
RatingView Customizations
You can customize the control using any of the below properties
Property | Data Type | Explanation |
---|---|---|
ItemCount | Integer | The number of rating items (e.g. stars) to draw. Defaulted to 5. |
ItemSize | Float | Defines the height of the item/star. Defaulted to 24f. |
ItemSpacing | Float | Defines the spacing between items/stars. Defaulted to 6f. |
Value | Double | The Value of the Rating used to fill the shape items/stars. Defaulted to 2.5d. |
RatedFillColor | Color | The color used to fill the shape items/stars with rating value. Defaulted to Yellow. |
UnRatedFillColor | Color | The color used to fill the empty shape items/stars. Defaulted to Light Grey. |
StrokeColor | Color | The color used to outline shape items/stars. Defaulted to Light Yellow. |
StrokeWidth | Float | Defines the stroke size of the outline. Defaulted to 1f. |
IsReadOnly | Boolean | This will be implemented in future and will be used to allow interactions to change the rating via user interactions. Currently defaulted to true. |
ShapePath | String | Used to define the shape of the item to draw. Defaulted to Star shape. |