Implemented window resize handlers in corners and sides

Author: apdevelop

Src/ScreenGrid/ViewModels/ScreenGridViewModel.cs

@@ -176,7 +176,8 @@ public Grid ContentControl
         #region Window position and size
 
         private const double OuterBorderWidth = 1.0;
-        private const double HeaderHeight = 24.0;
+        
+        public const double HeaderHeight = 24.0;
 
         private double windowWidth = 400.0 + 2 * OuterBorderWidth;
         public double WindowWidth

Src/ScreenGrid/Views/ScreenGridWindow.xaml

@@ -8,15 +8,15 @@
         Height="{Binding WindowHeight, Mode=TwoWay}"
         Topmost="True"
         WindowStyle="None"
-        ResizeMode="CanResizeWithGrip"
+        ResizeMode="CanResize"
         AllowsTransparency="True"
         MinWidth="150"
         MinHeight="50"
         WindowStartupLocation="CenterScreen"
         Background="Transparent" 
         Loaded="Window_Loaded" 
         Closing="Window_Closing">
-    
+
     <Window.Resources>
         <ResourceDictionary>
             <ResourceDictionary.MergedDictionaries>
@@ -47,14 +47,24 @@
                 <Setter Property="Stroke" Value="Black" />
                 <Setter Property="Fill" Value="Black" />
             </Style>
+            <Style x:Key="RectBorderStyle" TargetType="Rectangle">
+                <Setter Property="Focusable" Value="False" />
+                <Setter Property="Fill" Value="White" />
+                <Setter Property="Opacity" Value="0.5" />
+                <Setter Property="Stroke" Value="Magenta" />
+                <Setter Property="Tag" Value="{Binding RelativeSource={RelativeSource AncestorType=Window}}" />
+                <EventSetter Event="MouseLeftButtonDown" Handler="ResizeInit"/>
+                <EventSetter Event="MouseLeftButtonUp" Handler="ResizeEnd"/>
+                <EventSetter Event="MouseMove" Handler="ResizingForm"/>
+            </Style>
         </Grid.Resources>
 
         <StackPanel Orientation="Horizontal" Grid.Row="0" VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
             <Button Name="btnMenu" Click="btnMenu_Click"
                     ToolTip="Select grid type">
                 <ContentControl>
                     <Path Data="{Binding Source={StaticResource pathDataRow}}" />
-                </ContentControl>                
+                </ContentControl>
             </Button>
             <Button ToolTip="Snap to image borders in topmost window"
                     Command="{Binding SnapCommand}">
@@ -66,7 +76,7 @@
                     Command="{Binding RotateCounterClockwiseCommand}">
                 <ContentControl>
                     <Path Data="{Binding Source={StaticResource pathDataRotate01}}" />
-                </ContentControl>                
+                </ContentControl>
             </Button>
             <Button ToolTip="Rotate grid clockwise"
                     Command="{Binding RotateClockwiseCommand}">
@@ -100,7 +110,7 @@
                             ToolTip="Grid lines color"
                             ItemsSource="{Binding LineColors, Mode=OneTime}"
                             SelectedItem="{Binding SelectedLineColor, Mode=TwoWay}">
-                            <ComboBox.ItemTemplate>
+                    <ComboBox.ItemTemplate>
                         <DataTemplate>
                             <StackPanel Orientation="Horizontal" Margin="2">
                                 <Rectangle Stroke="Black" 
@@ -142,5 +152,47 @@
                         HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
                         Content="{Binding ContentControl}" />
 
+        <Rectangle x:Name="LeftSizeGrip" Grid.Row="2"
+            Width="3" Height="50"
+            HorizontalAlignment="Left" VerticalAlignment="Center"
+            Cursor="SizeWE"
+            Style="{StaticResource RectBorderStyle}" />
+
+        <Rectangle x:Name="RightSizeGrip" Grid.Row="2"
+            Width="3" Height="50"
+            HorizontalAlignment="Right" VerticalAlignment="Center"
+            Cursor="SizeWE"
+            Style="{StaticResource RectBorderStyle}" />
+
+        <Rectangle x:Name="BottomSizeGrip" Grid.Row="2"
+            Width="50" Height="3"
+            HorizontalAlignment="Center" VerticalAlignment="Bottom"
+            Cursor="SizeNS"
+            Style="{StaticResource RectBorderStyle}" />
+
+        <Rectangle Name="BottomRightSizeGrip" Grid.Row="2"
+            Width="5" Height="5"
+            HorizontalAlignment="Right" VerticalAlignment="Bottom"
+            Cursor="SizeNWSE"
+            Style="{StaticResource RectBorderStyle}" />
+
+        <Rectangle Name="BottomLeftSizeGrip" Grid.Row="2"
+            Width="5" Height="5"
+            HorizontalAlignment="Left" VerticalAlignment="Bottom"
+            Cursor="SizeNESW"
+            Style="{StaticResource RectBorderStyle}" />
+
+        <Rectangle Name="TopLeftSizeGrip" Grid.Row="2"
+            Width="5" Height="5"
+            HorizontalAlignment="Left" VerticalAlignment="Top"
+            Cursor="SizeNWSE"
+            Style="{StaticResource RectBorderStyle}" />
+        
+        <Rectangle Name="TopRightSizeGrip" Grid.Row="2"
+            Width="5" Height="5"
+            HorizontalAlignment="Right" VerticalAlignment="Top"
+            Cursor="SizeNESW"
+            Style="{StaticResource RectBorderStyle}" />
+
     </Grid>
 </Window>

Src/ScreenGrid/Views/ScreenGridWindow.xaml.cs

@@ -4,6 +4,7 @@
     using System.Windows.Controls;
     using System.Windows.Input;
     using System.Windows.Media;
+    using System.Windows.Shapes;
 
     public partial class ScreenGridWindow : Window
     {
@@ -117,5 +118,90 @@ private void Window_Closing(object sender, System.ComponentModel.CancelEventArgs
                 this.Visibility = Visibility.Hidden;
             }
         }
+
+        #region ResizeWindows
+
+        private bool isResizeInProcess = false;
+
+        private void ResizeInit(object sender, MouseButtonEventArgs e)
+        {
+            var senderRect = sender as Rectangle;
+            if (senderRect != null)
+            {
+                this.isResizeInProcess = true;
+                senderRect.CaptureMouse();
+            }
+        }
+
+        private void ResizeEnd(object sender, MouseButtonEventArgs e)
+        {
+            var senderRect = sender as Rectangle;
+            if (senderRect != null)
+            {
+                this.isResizeInProcess = false; ;
+                senderRect.ReleaseMouseCapture();
+            }
+        }
+
+        private void ResizingForm(object sender, MouseEventArgs e)
+        {
+            if (this.isResizeInProcess)
+            {
+                var senderRect = sender as Rectangle;
+                if (senderRect != null)
+                {
+                    var window = senderRect.Tag as Window;
+                    var width = e.GetPosition(window).X;
+                    var height = e.GetPosition(window).Y;
+                    senderRect.CaptureMouse();
+
+                    var senderName = senderRect.Name.ToLower();
+
+                    if (senderName.Contains("right"))
+                    {
+                        width++;
+                        if (width > window.MinWidth)
+                        {
+                            window.Width = width;
+                        }
+                    }
+
+                    if (senderName.Contains("left"))
+                    {
+                        width--;
+                        
+                        window.Left += width;
+                        width = window.Width - width;
+                        if (width > window.MinWidth)
+                        {
+                            window.Width = width;
+                        }
+                    }
+
+                    if (senderName.Contains("bottom"))
+                    {
+                        height++;
+                        if (height > window.MinHeight)
+                        {
+                            window.Height = height;
+                        }
+                    }
+
+                    if (senderName.Contains("top"))
+                    {
+                        height -= ViewModels.ScreenGridViewModel.HeaderHeight;
+                        height--;
+                        window.Top += height;
+                        height = window.Height - height;
+                        if (height > window.MinHeight)
+                        {
+                            window.Height = height;
+                        }
+                    }
+                }
+            }
+        }
+
+        #endregion
     }
 }