ManipulatedDrawer XAML

MainPage.xaml

<Page x:Class="DetailsDrawer.MainPage"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:local="using:DetailsDrawer"
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
      xmlns:viewModels="using:DetailsDrawer.ViewModels"
      mc:Ignorable="d">

    <Page.DataContext>
        <viewModels:MainPageViewModel />
    </Page.DataContext>

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <Grid x:Name="MainContentGrid">
            <Image Source="Assets/FakeMap.png"
                   VerticalAlignment="Top" />
        </Grid>

        <Grid x:Name="DrawerContentGrid"
              VerticalAlignment="Bottom"
              Background="{ThemeResource AppBarBackgroundThemeBrush}"
              RenderTransformOrigin="0.5,0.5">

            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition />
            </Grid.RowDefinitions>

            <Grid x:Name="HandleGrid"
                  ManipulationStarted="HandleGrid_OnManipulationStarted"
                  ManipulationDelta="HandleGrid_OnManipulationDelta"
                  ManipulationCompleted="HandleGrid_OnManipulationCompleted"
                  ManipulationMode="TranslateY"
                  Height="15"
                  Background="{ThemeResource AppBarBorderThemeBrush}"
                  BorderThickness="0,1,0,1"
                  BorderBrush="{ThemeResource AppBarToggleButtonCheckedDisabledBackgroundThemeBrush}">
                <SymbolIcon Symbol="More" />
            </Grid>

            <Grid x:Name="DrawerContent"
                  Grid.Row="1">
                <ListView x:Name="RouteSteps"
                          ItemsSource="{Binding RouteSteps}">
                    <ListView.ItemTemplate>
                        <DataTemplate>
                            <Grid>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto" />
                                    <ColumnDefinition />
                                </Grid.ColumnDefinitions>

                                <Viewbox Width="48"
                                         Height="48">
                                    <Canvas Width="24"
                                            Height="24">
                                        <Path Data="{Binding Icon}"
                                              Fill="Black" />
                                    </Canvas>
                                </Viewbox>

                                <TextBlock Text="{Binding Summary}"
                                           TextWrapping="Wrap"
                                           Margin="10,0,0,0"
                                           Grid.Column="1"
                                           VerticalAlignment="Center" />
                            </Grid>
                        </DataTemplate>
                    </ListView.ItemTemplate>
                </ListView>
            </Grid>
        </Grid>
    </Grid>
</Page>