Back to Devexpress

Visual Elements

mobilecontrols-400664-xamarin-forms-navigation-controls-drawer-view-drawer-view-elements.md

latest5.6 KB
Original Source

Visual Elements

  • Aug 07, 2019
  • 2 minutes to read

This topic lists the Drawer View visual elements, and enumerates properties that configure these elements:

Drawer

The Drawer is a pane that displays content that is initially hidden end which users can request to show. The Drawer ‘s structure is the following:

The properties below configure the drawer:

|

Property

|

Description

| | --- | --- | |

Content

| |

DrawerContent

|

Gets or sets a view the DrawerView displays as the Drawer content.

| |

DrawerHeaderContent

|

Gets or sets a view the DrawerView displays as the Drawer header.

| |

DrawerFooterContent

|

Gets or sets a view the DrawerView displays as the Drawer footer.

| |

Behavior

| |

DrawerBehavior

|

Gets or sets how the Drawer behaves on opening / closing.

| |

IsDrawerOpened

|

Gets or sets whether the Drawer is opened.

| |

AreGesturesEnabled

|

Gets or sets whether users can use gestures to open / close the drawer.

| |

DrawerPosition

|

Gets or sets the edge out of which the Drawer moves out.

| |

Appearance

| |

DrawerWidth

|

Gets or sets the width of the Drawer when DrawerPosition is set to Left or Right.

| |

DrawerHeight

|

Gets or sets the height of the Drawer when DrawerPosition is set to Top or Bottom.

| |

DrawerBackgroundColor

|

Gets or sets the color the view uses to paint the Drawer background.

| |

IsDrawerShadowVisible

|

Gets or sets whether the Drawer’s shadow is visible.

| |

DrawerShadowColor

|

Gets or sets the color the view uses to paint the Drawer shadow.

| |

DrawerShadowHeight

|

Gets or sets the height of the shadow the Drawer casts.

| |

DrawerShadowRadius

|

Gets or sets the blur radius of the shadow the Drawer casts.

|

Scrim

The Scrim blocks interaction with the main content when the Drawer is opened:

The following table lists the settings that configure the Scrim :

|

Property

|

Description

| | --- | --- | |

IsScrimEnabled

|

Gets or sets whether the view shows the Scrim when the Drawer is opened.

| |

ScrimColor

|

Gets or sets the color the view uses to paint the Scrim.

|

Content Area

The Content Area displays DrawerView.MainContent: