UWP - SplitView example

MainPage.xaml

<Page
    x:Class="UniversalAppTutorials.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:UniversalAppTutorials"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    >
    <SplitView
        x:Name="SplitView1"
        DisplayMode="CompactOverlay"
        Background="CornflowerBlue"
        IsPaneOpen="False"
        CompactPaneLength="75"
        OpenPaneLength="200"
        Margin="50"
        >
        <SplitView.Pane>
            <StackPanel 
                Orientation="Vertical" 
                Background="LightSkyBlue" 
                Padding="20"
                >
                <Button 
                    x:Name="HamburgerButton" 
                    FontFamily="Segoe MDL2 Assets" 
                    Content=""
                    Background="Transparent" 
                    Click="HamburgerButton_Click"
                    Margin="5"
                    Padding="5"
                    />
                <Button x:Name="ButtonSave" Margin="5">
                    <StackPanel Orientation="Horizontal">
                        <SymbolIcon Symbol="Save"/>
                        <TextBlock Text="Save" Margin="10,0,0,0"/>
                    </StackPanel>
                </Button>
                <Button x:Name="ButtonPaste" Margin="5">
                    <StackPanel Orientation="Horizontal">
                        <SymbolIcon Symbol="Paste"/>
                        <TextBlock Text="Paste" Margin="10,0,0,0"/>
                    </StackPanel>
                </Button>
                <Button x:Name="ButtonCopy" Margin="5">
                    <StackPanel Orientation="Horizontal">
                        <SymbolIcon Symbol="Copy"/>
                        <TextBlock Text="Copy" Margin="10,0,0,0"/>
                    </StackPanel>
                </Button>
                <Button x:Name="ButtonCut" Margin="5">
                    <StackPanel Orientation="Horizontal">
                        <SymbolIcon Symbol="Cut"/>
                        <TextBlock Text="Cut" Margin="10,0,0,0"/>
                    </StackPanel>
                </Button>
            </StackPanel>
        </SplitView.Pane>
        <SplitView.Content>
            <StackPanel 
                Background="PaleGreen" 
                Padding="20" 
                VerticalAlignment="Center"
                Margin="50"
                >
                <TextBlock
                    Text="Content of SplitView"
                    FontSize="20"
                    TextWrapping="Wrap"
                    />
            </StackPanel>
        </SplitView.Content>
    </SplitView>
</Page>
MainPage.xaml.cs

using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml;


namespace UniversalAppTutorials
{
    public sealed partial class MainPage : Page
    {
        public MainPage()
        {
            this.InitializeComponent();
        }

        private void HamburgerButton_Click(object sender, RoutedEventArgs e) {
            // Alter the pane close open state
            SplitView1.IsPaneOpen = !SplitView1.IsPaneOpen;
        }
    }
}