Skip to content

Latest commit

 

History

History
155 lines (122 loc) · 4.31 KB

MaterialNavigationDrawerControl.md

File metadata and controls

155 lines (122 loc) · 4.31 KB
Raw

MaterialNavigationDrawer

Navigation drawers let people switch between UI views on larger devices
View Material Design documentation

Screenshot

Example

<material3:MaterialNavigationDrawer
    Headline="Mail"
    Command="{Binding TestCommand}"
    ItemsSource="{Binding Items}" />

Documentation

Property HeadLine:

This property is to set the headline text.

Property HeadlineColor:

This property is to set the headline text color.

Property HeadlineFontSize:

This property is to set the headline text font size.

Property HeadlineFontFamily:

This property is to set the headline text font family.

Property HeadlineMargin:

This property is to set the headline margin.

Property ActiveIndicatorBackgroundColor:

This property is to set the active indicator background color.

Property ActiveIndicatorLabelColor:

This property is to set the active indicator label color.

Property ActiveIndicatorCornerRadius:

This property is to set the active indicator corner radius. By default is 28.

Property LabelColor:

This property is to set the label text color.

Property LabelFontSize:

This property is to set the label text font size.

Property LabelFontFamily:

This property is to set the label text font family.

Property SectionLabelColor:

This property is to set the section label text color.

Property SectionLabelFontSize:

This property is to set the section label text font size.

Property SectionLabelFontFamily:

This property is to set the section label text font family.

Property SectionLabelMargin:

This property is to set the section label margin.

Property SectionDividerIsVisible:

This property is to set if the section's divider is visible or hidden.

Property ItemDividerIsVisible:

This property is to set if the item's divider is visible or hidden.

Property DividerColor:

This property is to set the divider color.

Property BadgeType:

This property is to set the badge type.

Property BadgeTextColor:

This property is to the text color of the badge. it's only supported on Large type

Property BadgeFontSize:

This property is to the font size of the badge. it's only supported on Large type

Property BadgeFontFamily:

This property is to the font family of the badge. it's only supported on Large type

Property BadgeBackgroundColor:

This property is to set the badge background color.

Property ItemsSource

This property is for displaying list of data. You should set a List of MaterialNavigationDrawerItem. Its definition is:

  • Text (string) : Text showed
  • BadgeText (string) : Text showed in the badge
  • Section (string) : This property is to dive the items in sections
  • SelectedLeadingIcon (string): Leading icon used when item is selected
  • CustomSelectedLeadingIcon (view): Custom leading view used the item is selected
  • UnselectedLeadingIcon (string): Leading icon used when item is Unselected
  • CustomUnselectedLeadingIcon (view): Custom leading view used when item is Unselected
  • SelectedTrailingIcon (string): Trailing icon used when item is selected
  • CustomSelectedTrailingIcon (view): Custom trailing view used the item is selected
  • UnselectedTrailingIcon (string): Trailing icon used when item is Unselected
  • CustomUnselectedTrailingIcon (view): Custom trailing view used when item is Unselected
  • IsSelected (bool) : by default you can select an item
  • ShowActivityIndicator (bool) : show the activity indicator when the item is selected. By default is true.
  • IsEnabled (bool) : enable or disabled the item. by default is true.

Property ItemHeightRequest:

This property is to set the height request of each item.

Property Command

This property is to bind on the viewmodel.

Property Animation:

This property is to set the animation when the item is tapped.

Allowed values

  • None
  • Fade (Default)
  • Scale
  • Custom

Property AnimationParameter:

This property is to customize the animation when the item is tapped.

Property CustomAnimation:

This property is to set a custom animation when the item is tapped.