add buttons

MainWindow.xaml

@@ -3,73 +3,85 @@
     x:Class="SAPRecorderApp.MainWindow"
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-    xmlns:local="using:SAPRecorderApp"
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-    mc:Ignorable="d"
-    >
+    mc:Ignorable="d">
+    
+    <Window.SystemBackdrop>
+        <DesktopAcrylicBackdrop/>
+    </Window.SystemBackdrop>
+
 
     <Grid>
         <Grid.RowDefinitions>
             <RowDefinition Height="Auto"/>
-            <RowDefinition/>
+            <RowDefinition Height="*"/>
         </Grid.RowDefinitions>
 
-        <Grid x:Name="AppTitleBar"
-      Height="48">
+        <Grid x:Name="AppTitleBar" Height="48">
             <Grid.ColumnDefinitions>
-                <ColumnDefinition x:Name="LeftPaddingColumn" Width="0"/>
-                <ColumnDefinition x:Name="IconColumn" Width="Auto"/>
+                <ColumnDefinition x:Name="LeftPaddingColumn" Width="10"/>
                 <ColumnDefinition x:Name="TitleColumn" Width="Auto"/>
-                <ColumnDefinition x:Name="LeftDragColumn" Width="*"/>
-                <ColumnDefinition x:Name="SearchColumn" Width="4*" MinWidth="220"/>
-                <ColumnDefinition x:Name="RightDragColumn" Width="*" MinWidth="48"/>
-                <ColumnDefinition x:Name="AccountColumn" Width="Auto"/>
-                <ColumnDefinition x:Name="RightPaddingColumn" Width="0"/>
             </Grid.ColumnDefinitions>
-            <Image x:Name="TitleBarIcon" 
-           Source="ms-appx:///Assets/StoreLogo.png"
-           Grid.Column="1"
-           Width="16" Height="16"
-           Margin="8,0,4,0"/>
+
             <TextBlock x:Name="TitleBarTextBlock"
                        Text="App title" 
                        Style="{StaticResource CaptionTextBlockStyle}"
-                       Grid.Column="2"
+                       Grid.Column="1"
                        VerticalAlignment="Center">
             </TextBlock>
-            <AutoSuggestBox x:Name="TitleBarSearchBox" 
-                            Grid.Column="4" 
-                            QueryIcon="Find"
-                            PlaceholderText="Search"
-                            VerticalAlignment="Center"
-                            MaxWidth="600"/>
-            <PersonPicture x:Name="PersonPic" 
-                           Grid.Column="6" 
-                           Height="32" Margin="0,0,16,0"/>
+            
         </Grid>
 
-        <NavigationView Grid.Row="1"
-                        IsBackButtonVisible="Collapsed"
-                        IsSettingsVisible="False">
-            <StackPanel>
-                <TextBlock Text="Content" 
-                           Style="{ThemeResource TitleTextBlockStyle}"
-                           Margin="32,0,0,0"/>
-                <StackPanel Grid.Row="1" VerticalAlignment="Center">
-                    <Button Margin="4" x:Name="CompactoverlaytBtn"
-                            Content="Enter CompactOverlay"
-                            Click="SwitchPresenter"/>
-                    <Button Margin="4" x:Name="FullscreenBtn" 
-                            Content="Enter FullScreen"
-                            Click="SwitchPresenter"/>
-                    <Button Margin="4" x:Name="OverlappedBtn"
-                            Content="Revert to default (Overlapped)"
-                            Click="SwitchPresenter"/>
+        <Grid  x:Name="Body"  Grid.Row="1">
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="*" />
+                <ColumnDefinition Width="*" />
+                <ColumnDefinition Width="*" />
+            </Grid.ColumnDefinitions>
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto" />
+                <RowDefinition Height="Auto" />
+                <RowDefinition Height="*"/>
+                <RowDefinition Height="Auto"/>
+            </Grid.RowDefinitions>
+
+            <Button x:Name="recordButton" Click="RecordButton_Click" Grid.Row="0" Grid.Column="0" Style="{StaticResource AccentButtonStyle}" Margin="10,0,0,0" HorizontalAlignment="Left" VerticalAlignment="Center" Width="90">
+                <StackPanel Orientation="Horizontal">
+                    <FontIcon Glyph="&#xE7C8;" />
+                    <TextBlock Margin="5,0,0,0" Text="Record" HorizontalAlignment="Center"/>
                 </StackPanel>
-            </StackPanel>
-        </NavigationView>
+                
+            </Button>
+
+            <Button x:Name="clearButton" Click="ClearButton_Click" Grid.Row="0" Grid.Column="1" Style="{StaticResource AccentButtonStyle}" HorizontalAlignment="Center" VerticalAlignment="Center" Width="90">
+                <StackPanel Orientation="Horizontal">
+                    <FontIcon Glyph="&#xE894;" />
+                    <TextBlock Margin="5,0,0,0" Text="Clear" HorizontalAlignment="Center"/>
+                </StackPanel>
+                
+
+            </Button>
+            <Button x:Name="copyButton" Click="CopyButton_Click" Grid.Row="0" Grid.Column="2" Style="{StaticResource AccentButtonStyle}" Margin="0,0,10,0"  HorizontalAlignment="Right" VerticalAlignment="Center" Width="90">
+                <StackPanel Orientation="Horizontal">
+                    <FontIcon Glyph="&#xE8C8;" />
+                    <TextBlock Margin="5,0,0,0" Text="Copy" HorizontalAlignment="Center"/>
+                </StackPanel>
+                
+
+            </Button>
+            <InfoBar Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="3" IsOpen="True" Severity="Informational" FontSize="6" Title="Title" Padding="0"  Margin="10,10,10,0" Message="Essential."  HorizontalAlignment="Stretch" VerticalAlignment="Stretch" HorizontalContentAlignment="Center"/>
+            <TextBox x:Name="recordTextBox" Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="3" Margin="10"  TextWrapping="Wrap"  HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
+            <ProgressBar Grid.Row="3" Grid.Column="0" Grid.ColumnSpan="3" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" IsIndeterminate="False" ShowPaused="True" ShowError="False" />
+
+        </Grid>
+
+
+
     </Grid>
+
     
-  
+
+
+
 </Window>