Skip to content

Latest commit

 

History

History
185 lines (151 loc) · 4.41 KB

MaterialRatingControl.md

File metadata and controls

185 lines (151 loc) · 4.41 KB

MaterialRating

This control allow to rate. You can customize some properties that we show in Documentation topic. To clear the rating, you can tap on the selected item.

Screenshot

Example

<material3:MaterialRating
    LabelText="How do you rate...?"
    SelectedIcon="starSelected.png" 
    UnSelectedIcon="starUnselected.png" />

Documentation


Property UseSameIcon:

This property is to set if use the same icon for all items or use a different icon for item.

Property CustomSelectedIconsSource:

This property is to set the icons for all items when an item is selected, you can use svgs. (Icon from first item is the first icon in the collection)

Property SelectedIconsSource:

This property is to set the icons for all items when an item is selected, You can use image file types like png, jpg, etc. (Icon from first item is the first icon in the collection)

Property SelectedIcon:

This property is to select the icon that the control will use to selected item. You can use image file types like png, jpg, etc.

Property CustomSelectedIcon:

This property is to select the icon that the control will use to selected item. You can use svgs.

Property UnselectedIcon:

This property is to select the icon that the control will use to unselected items. You can use image file types like png, jpg, etc.

Property CustomUnselectedIcon:

This property is to select the icon that the control will use to unselected items. You can use svgs.

Property CustomUnselectedIconsSource:

This property is to set the icons for all items when an item is unselected, you can use svgs. (Icon from first item is the first icon in the collection)

Property UnelectedIconsSource:

This property is to set the icons for all items when an item is unselected, You can use image file types like png, jpg, etc. (Icon from first item is the first icon in the collection)

Property ItemSize:

This property is to set the quantity of items that you want to use, by default is 5.

Property ItemsByRow:

This property is to set the quantity of items that you want to use by row, by default is 5.

Property IsEnabled:

This property is to set if the control is enabled or not.

Property Value:

This property is to set the value of the control. This can use to get the value of rating.

Property LabelText:

This property is to set the label.

Property LabelTextColor:

This property is to set the label color.

Property DisabledLabelTextColor:

This property is to set the disabled label color.

Property LabelSize:

This property is to set the label size.

Property LabelFontFamily:

This property is to set the label font family.

Property LabelMargin:

This property is to set the label margin family. By default uses (16,0,16,0).

Property LabelLineBreakMode:

This property is to set the Label Line Break Mode

Allowed values

  • NoWrap,
  • WordWrap,
  • CharacterWrap,
  • HeadTruncation,
  • TailTruncation,
  • MiddleTruncation


Property SupportingText:

This property is to set the supporting text.

Property SupportingTextColor:

This property is to set the supporting text color.

Property SupportingSize:

This property is to set the supporting text size.

Property SupportingFontFamily:

This property is to set the supporting text font family.

Property SupportingMargin:

This property is to set the supporting text margin. By default uses (16,4,16,0).

Property SupportingLineBreakMode:

This property is to set the Supporting LineBreakMode.

Allowed values

  • NoWrap,
  • WordWrap,
  • CharacterWrap,
  • HeadTruncation,
  • TailTruncation,
  • MiddleTruncation


Property HorizontalTextAlignment:

This property is to set the horizontal text alignment.

Allowed Values:

  • Start
  • Center
  • End


Property AnimateError:

This property is to set if you can show a ShakeAnimation when there is a error with control. If the user doesn't rate.

Property Animation:

This property is to set the animation type on touch the item.

Property AnimationParameter:

This property is to set the parameter of the animation.