Add Menu UI

MainWindow.xaml

@@ -5,11 +5,15 @@
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
         xmlns:local="clr-namespace:ScreenShotOCR"
         mc:Ignorable="d"
-        Title="MainWindow" Height="200" Width="400"
+        Title="MainWindow" Height="450" Width="400"
         WindowStyle="None" ResizeMode="NoResize" MouseLeftButtonDown="Window_MouseLeftButtonDown">
 
     <Grid>
-        <Button Width="60" Height="20" Content="Capture" Margin="10,10,330,170" Background="#FF5291FF" BorderBrush="#FF5291FF">
+        <Rectangle Height="30" Fill="#FF5291FF" Margin="0,0,0,420"/>
+        <TextBlock Text="ScreenShot OCR" FontWeight="Bold" Margin="15,8,265,422" Width="120" Height="20"/>
+        <TextBlock Text="v 1.0" FontSize="8" FontWeight="Light" Margin="116,12,234,418" Width="50" Height="20"/>
+        <TextBlock Text="by PINB" HorizontalAlignment="Right" FontSize="10" FontStyle="Italic" Margin="0,10,0,420" Width="50" Height="20"/>
+        <Button Width="60" Height="20" Content="Capture" Margin="10,35,330,395" Background="#FF5291FF" BorderBrush="#FF5291FF">
             <Button.Resources>
                 <Style TargetType="{x:Type Border}">
                     <Setter Property="CornerRadius" Value="10"/>
@@ -31,7 +35,7 @@
             </Button.Resources>
         </Button>
 
-        <Button Width="60" Height="20" Content="OCR" Margin="75,10,265,170" Background="#FF52FF89" BorderBrush="#FF52FF89">
+        <Button Width="60" Height="20" Content="OCR" Margin="75,35,265,395" Background="#FF52FF89" BorderBrush="#FF52FF89">
             <Button.Resources>
                 <Style TargetType="{x:Type Border}">
                     <Setter Property="CornerRadius" Value="10"/>
@@ -52,7 +56,7 @@
                 </Style>
             </Button.Resources>
         </Button>
-        <Button Width="120" Height="20" Content="Copy to clipboard" Margin="140,10,140,170" Background="#FFFFE752" BorderBrush="#FFFFE752">
+        <Button Width="120" Height="20" Content="Copy to clipboard" Margin="140,35,140,395" Background="#FFFFE752" BorderBrush="#FFFFE752">
             <Button.Resources>
                 <Style TargetType="{x:Type Border}">
                     <Setter Property="CornerRadius" Value="10"/>
@@ -73,7 +77,28 @@
                 </Style>
             </Button.Resources>
         </Button>
-        <Button Width="60" Height="20" Content="Close" Margin="330,10,10,170" Background="#FFFF5252" BorderBrush="#FFFF5252">
+        <Button Width="60" Height="20" Content="Settings" Margin="265,35,75,395" Background="#FFA852FF" BorderBrush="#FFA852FF">
+            <Button.Resources>
+                <Style TargetType="{x:Type Border}">
+                    <Setter Property="CornerRadius" Value="10"/>
+                    <Setter Property="Effect">
+                        <Setter.Value>
+                            <DropShadowEffect Color="Black" Direction="320" ShadowDepth="3" BlurRadius="5" Opacity="0.5" />
+                        </Setter.Value>
+                    </Setter>
+                </Style>
+                <Style TargetType="{x:Type Button}">
+                    <Style.Triggers>
+                        <Trigger Property="IsMouseOver" Value="True">
+                            <!--<Setter Property="Background" Value="White"/>
+                            <Setter Property="BorderBrush" Value="White"/>-->
+                            <Setter Property="Foreground" Value="Purple"/>
+                        </Trigger>
+                    </Style.Triggers>
+                </Style>
+            </Button.Resources>
+        </Button>
+        <Button Width="60" Height="20" Content="Close" Margin="335,35,5,395" Background="#FFFF5252" BorderBrush="#FFFF5252">
             <Button.Resources>
                 <Style TargetType="{x:Type Border}">
                     <Setter Property="CornerRadius" Value="10"/>
@@ -94,5 +119,7 @@
                 </Style>
             </Button.Resources>
         </Button>
+        <Image Margin="0,60,10,10" Name="window1" Width="380" Height="380" HorizontalAlignment="Right"/>
+
     </Grid>
 </Window>