DrawerView.DrawerPosition Property

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

Namespace: DevExpress.XamarinForms.Navigation

Assembly: DevExpress.XamarinForms.Navigation.dll

NuGet Package: DevExpress.XamarinForms.Navigation

Declaration

public Position DrawerPosition { get; set; }

Property Value

Type	Description
Position	The edge out of which the drawer moves out.

Available values:

Name	Description
Default	Identifies the default element position.
Top	An element is at the top edge of the container.
Bottom	An element is at the bottom edge of the container.
Left	An element is at the left edge of the container.
Right	An element is at the right edge of the container.

Remarks

This property supports the following values:

Value	Sample Image	Description
Left		The view shows the drawer at the left edge.
Top		The view shows the drawer at the top edge.
Bottom		The view shows the drawer at the bottom edge.
Right		The view shows the drawer at the right edge.

Example

The following example demonstrates how to configure the DrawerView’s basic properties.

XAML

<dxn:DrawerView
    x:Name="drawer"
    DrawerBehavior="SlideOnTop"
    DrawerPosition="Left"
    DrawerWidth="180"
    IsScrimEnabled="True"
    ScrimColor= "#80000000"
    IsDrawerShadowVisible="true"
    DrawerShadowHeight="1"
    DrawerShadowRadius="1"
    DrawerShadowColor="#808080">
    <dxn:DrawerView.DrawerHeaderContent>
        <view:DrawerHeader/>
    </dxn:DrawerView.DrawerHeaderContent>
    <dxn:DrawerView.DrawerFooterContent>
        <view:DrawerFooter/>
    </dxn:DrawerView.DrawerFooterContent>
    <dxn:DrawerView.DrawerContent>
        <ListView x:Name="categoryList"
                  ItemsSource="{Binding ItemsSource, Source={x:Reference self}}">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <TextCell Text="{Binding GroupKey}" />
                </DataTemplate>
            </ListView.ItemTemplate>                    
        </ListView>
    </dxn:DrawerView.DrawerContent>
    <dxn:DrawerView.MainContent>
        <ListView BindingContext="{x:Reference categoryList}"
                  ItemsSource="{Binding SelectedItem.Vehicles}">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <TextCell Text="{Binding FullName}"/>
                </DataTemplate>
            </ListView.ItemTemplate>                    
        </ListView>
    </dxn:DrawerView.MainContent>
</dxn:DrawerView>

The following table enumerates the properties the markup above uses and their descriptions.

Property	Description
DrawerBehavior	Gets or sets how the Drawer behaves on opening / closing.
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.
MainContent	Gets or sets a view the DrawerView displays in the Main Area.
DrawerPosition	Gets or sets the edge out of which the Drawer moves out.
DrawerWidth	Gets or sets the width of the Drawer when DrawerPosition is set to Left or Right.
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.
IsDrawerShadowVisible	Gets or sets whether the Drawer’s shadow is visible.
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.
DrawerShadowColor	Gets or sets the color the view uses to paint the Drawer shadow.
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.