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: