<!-- 1 -->
<Page>
    <Page.TopAppBar>
        <CommandBar>
            <CommandBar.Clip>
                <RectangleGeometry Rect="170,0,310,48"/>
            </CommandBar.Clip>
            <AppBarButton Icon="RotateCamera" Label="Rotate"/>
            <AppBarButton Label="Select" Icon="Bullets"/>
        </CommandBar>
    </Page.TopAppBar>
    <StackPanel Orientation="Horizontal" VerticalAlignment="Top" Background="{ThemeResource SystemControlChromeLowBackgroundBrush}">
        <AppBarButton Width="48" Height="48">
            <AppBarButton.Icon>
                <FontIcon FontFamily="Segoe MDL2 Assets" FontSize="22" Glyph="&#xE700;"/>
            </AppBarButton.Icon>
        </AppBarButton>
        <TextBlock Text="Drag Bezier" FontFamily="Segoe UI Semilight" FontSize="22" VerticalAlignment="Center"/>
    </StackPanel>
</Page>


<!-- 2 -->
<Page>
    <Grid Height="48" Background="{ThemeResource SystemControlChromeLowBackgroundBrush}"
          VerticalAlignment="Top" x:Name="TopAppBar">
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <TextBlock FontFamily="Segoe MDL2 Assets" FontSize="22" Text="&#xE700;"
                   HorizontalAlignment="Left" VerticalAlignment="Center" TextAlignment="Center" Width="72"/>
        <TextBlock FontFamily="Segoe UI Semilight" FontSize="22"
                   Margin="72,0,0,0" VerticalAlignment="Center"
                   Text="Drag Bezier"/>

        <!-- Right half -->
        <!--<StackPanel Orientation="Horizontal" HorizontalAlignment="Right" Grid.Column="1">
        </StackPanel>-->
        <CommandBar Grid.Column="1">
            <AppBarButton Icon="Bullets" Label="Select"/>
            <CommandBar.SecondaryCommands>
                <AppBarButton Icon="Bullets" Label="About"/>
            </CommandBar.SecondaryCommands>
        </CommandBar>
    </Grid>
</Page>