Skip to content

Latest commit

 

History

History
276 lines (225 loc) · 6.09 KB

MaterialPickerControl.md

File metadata and controls

276 lines (225 loc) · 6.09 KB

MaterialPicker

Pickers let users select an option.

Screenshot

Example

    <material3:MaterialPicker x:Name="pckColors"
        AnimateError="True"
        PlaceholderColor="{StaticResource PlaceholderColor}"
        ItemsSource="{Binding ItemsSourceColors}"
        AnimatePlaceholder="True"
        Placeholder="Select a Color"
        SelectedItem="{Binding SelectedItemColor}" />

Documentation

Property CornerRadius:

This property is to set the corner radius for the control. This is used only when you set HasBorder as true.

CornerRadius supports a uniform radius to the four corners or you can set a different corner radius for each corner:

  • CornerRadius="10"
  • CornerRadius="0,10,10,10"


Property AnimateError:

This property is to set the if you want or not animate the control on error.

Property HorizontalTextAlignment:

This property is to set the horizontal text alignment.

Allowed Values:

  • Start
  • Center
  • End


Property TextColor:

This property is to set the text color.

Property FocusedTextColor:

This property is to set the focused text color.

Property DisabledTextColor:

This property is to set the disabled text color.

Property FontSize:

This property is to set the font size.

Property FontFamily:

This property is to set the font family.

Property Placeholder:

This property is to set the placeholder of the material picker.

Property PlaceholderColor:

This property is to set the placeholder color of the material picker.

Property AnimatePlaceholder:

If you set this property to true the placeholder will be translated to label place. you mustn't set Label Text

Property LabelText:

This property is to set the label of the material picker.

Property LabelTextColor:

This property is to set the label color of the material picker.

Property FocusedLabelTextColor:

This property is to set the focused label color.

Property DisabledLabelTextColor:

This property is to set the disabled label color.

Property LabelSize:

This property is to set the label size of the material picker.

Property LabelFontFamily:

This property is to set the label font family of the material picker.

Property LabelMargin:

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

Property SupportingText:

This property is to set the supporting text of the material picker.

Property SupportingTextColor:

This property is to set the supporting text color of the material picker.

Property SupportingSize:

This property is to set the supporting text size of the material picker.

Property SupportingFontFamily:

This property is to set the supporting text font family of the material picker.

Property SupportingMargin:

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

Property BorderColor:

This property is to set the border color. This is enabled when you set the property HasBorder equals true.

Property FocusedBorderColor:

This property is to set the focused border color. This is enabled when you set the property HasBorder equals true.

Property DisabledBorderColor:

This property is to set the border color. This is enabled when you set the property HasBorder equals true.

Property HasBorder:

This property is to set if this control has border or not.

Property BorderWidth:

This property is to set the border width.

Property IndicatorColor:

This property is to set the indicator color.

Property BackgroundColor:

This property is to set the background color.

Property LeadingIcon:

This property is to set the leading icon. This can be png or jpg.

Property CustomLeadingIcon:

This property is to set the leading icon with support to svg.

Property LeadingIconCommand:

This property is to set the leading icon command.

Property LeadingIconCommandParameter:

This property is to set the leading icon command parameter.

Property TrailingIcon:

This property is to set the trailing icon. This can be png or jpg.

Property CustomTrailingIcon:

This property is to set the trailing icon with support to svg.

Property TrailingIconCommand:

This property is to set the trailing icon command.

Property TrailingIconCommandParameter:

This property is to set the trailing icon command parameter.

Property ItemsSource:

This property is to set the items source

If you use a custom object, we recommend set PropertyPath property with the name of the property that you want to show its value in the picker list. In other case you must override ToString method (use by default) or use a string list.



Property SelectedItem:

This property is to set the selected item.

Property PropertyPath:

This property is to set name of the property that you want to show its value in the picker list.

Property LabelLineBreakMode:

This property is to set the Label Line Break Mode

Allowed values

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


Property SupportingLineBreakMode:

This property is to set the Supporting LineBreakMode.

Allowed values

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


Property MultilineEnabled:

This property is to set the Multiline Enabled

Property PickerRowHeight:

This property is to set the picker row height.

Property SelectedIndex:

This property is to get the selected index

Property Padding:

This property is to set the padding of the control. By default uses (16, 8).