Skip to content

Latest commit

 

History

History
297 lines (242 loc) · 6.6 KB

MaterialDoublePickerControl.md

File metadata and controls

297 lines (242 loc) · 6.6 KB
Raw

MaterialDoublePicker

Double pickers let users select two options in the same dialog.

iOS Screenshot

Android Screenshot

Example

<material3:MaterialDoublePicker 
    LabelText="Double Picker" 
    Separator=" - "
    ItemsSource="{Binding ItemsSource}" 
    SelectedItem="{Binding SelectedItem}" 
    PropertyPath="Name"
    SecondaryItemsSource="{Binding SecondaryItemsSource}"
    SecondarySelectedItem="{Binding SecondarySelectedItem}"
    SecondaryPropertyPath="Name" />

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.

Property PlaceholderColor:

This property is to set the placeholder color.

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.

Property LabelTextColor:

This property is to set the label color.

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.

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 SupportingText:

This property is to set the supporting text..

Property SupportingTextColor:

This property is to set the supporting text..

Property SupportingSize:

This property is to set the supporting text..

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 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 SecondaryItemsSource:

This property is to set the secondary 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 SecondarySelectedItem:

This property is to set the secondary selected item.

Property PropertyPath:

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

Property SecondaryPropertyPath:

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

Property SelectedIndex:

This property is to get the selected index

Property SecondarySelectedIndex:

This property is to get the selected index

Property Separator:

This property is to set the separator. Ex. " - "

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 Padding:

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