Skip to content

Commit

Permalink
Add background image replacement crop & resize tool (#193)
Browse files Browse the repository at this point in the history 
Co-authored-by: Jonko <[email protected]>
  • Loading branch information
@WiIIiam278 @jonko0493
WiIIiam278 and jonko0493 authored Jun 5, 2023
1 parent fdf0094 commit e8279e4
Showing 1 changed file with 308 additions and 12 deletions.
320 changes: 308 additions & 12 deletions src/SerialLoops/Dialogs/BackgroundCropResizeDialog.cs
View file
Original file line number Diff line number Diff line change
@@ -1,54 +1,222 @@
using Eto.Forms;
using Eto.Drawing;
using Eto.Forms;
using HaruhiChokuretsuLib.Util;
using SerialLoops.Utility;
using SkiaSharp;
using System;

namespace SerialLoops.Dialogs
{
public class BackgroundCropResizeDialog : Dialog
{
private ILogger _log;
public SKBitmap StartImage { get; set; }

public bool SaveChanges { get; set; }
public SKBitmap FinalImage { get; set; }
public bool SaveChanges { get; set; }

// Image preview parameters
private StackLayout _previewLayout;
private SKBitmap _preview;
private float _aspectRatio;

private NumericStepper _widthStepper;
private NumericStepper _heightStepper;
private SKPoint _selectionAreaLocation;
private SKPoint _imageLocation;
private NumericStepper _imageXStepper;
private NumericStepper _imageYStepper;
private PointF? _lastCursorPoint;

public BackgroundCropResizeDialog(SKBitmap startImage, int width, int height, ILogger log)
{
_log = log;
Title = "Crop & Scale";
MinimumSize = new(900, 650);
Padding = 10;
StartImage = startImage;

FinalImage = new(width, height);
SKCanvas finalCanvas = new(FinalImage);

finalCanvas.DrawBitmap(StartImage, new SKRect(0, 0, StartImage.Width, StartImage.Height), new SKRect(0, 0, FinalImage.Width, FinalImage.Height));

ImageView imageView = new() { Image = new SKGuiImage(FinalImage), Width = width, Height = height };

InitializeComponent();
}

private void InitializeComponent()
{
// Save / Close
Button saveButton = new() { Text = "Save" };
Button cancelButton = new() { Text = "Cancel" };
saveButton.Click += (sender, args) =>
saveButton.Click += (sender, e) =>
{
SaveChanges = true;
Close();
};
cancelButton.Click += (sender, args) =>
cancelButton.Click += (sender, e) =>
{
Close();
};

// Preview
_preview = new SKBitmap(650, 500);
_previewLayout = new() { Padding = 10 };
_previewLayout.Invalidate();

// Size controls
_widthStepper = new() { Value = StartImage.Width, MinValue = 1, Width = 55 };
_heightStepper = new() { Value = StartImage.Height, MinValue = 1, Width = 55 };
_aspectRatio = (float) _widthStepper.Value / (float) _heightStepper.Value;
Button scaleToFitButton = new() { Text = "Apply" };
CheckBox preserveAspectRatioCheckbox = new() { Checked = true };
scaleToFitButton.Click += (sender, e) =>
{
_widthStepper.Value = FinalImage.Width;
_heightStepper.Value = FinalImage.Height;
UpdateImage();
};
preserveAspectRatioCheckbox.CheckedChanged += (sender, e) =>
{
if (preserveAspectRatioCheckbox.Checked is true)
{
_aspectRatio = (float) _widthStepper.Value / (float) _heightStepper.Value;
}
UpdateImage();
};
_widthStepper.ValueChanged += (sender, e) =>
{
if (preserveAspectRatioCheckbox is {Checked: true})
{
_heightStepper.Value = (int) Math.Round(_widthStepper.Value / _aspectRatio);
}
UpdateImage();
};
_heightStepper.ValueChanged += (sender, e) =>
{
if (preserveAspectRatioCheckbox is {Checked: true})
{
_widthStepper.Value = (int) Math.Round(_heightStepper.Value * _aspectRatio);
}
UpdateImage();
};
MouseWheel += OnMouseWheelUpdate;

// Position controls
_imageXStepper = new() { Value = _imageLocation.X, Width = 55 };
_imageYStepper = new() { Value = _imageLocation.Y, Width = 55 };
Button resetPositionButton = new() { Text = "Apply" };
_imageXStepper.ValueChanged += (sender, e) =>
{
_imageLocation.X = (int) _imageXStepper.Value;
UpdateImage();
};
_imageYStepper.ValueChanged += (sender, e) =>
{
_imageLocation.Y = (int) _imageYStepper.Value;
UpdateImage();
};
resetPositionButton.Click += (sender, e) =>
{
_imageLocation = new SKPoint();
_imageXStepper.Value = 0;
_imageYStepper.Value = 0;
UpdateImage();
};
KeyDown += OnKeyDown;
_previewLayout.MouseMove += OnMouseMove;

// Set content
Content = new StackLayout
{
Orientation = Orientation.Vertical,
Spacing = 5,
HorizontalContentAlignment = HorizontalAlignment.Center,
Items =
{
imageView,
new StackLayout
{
Orientation = Orientation.Horizontal,
Padding = 5,
Items =
{
_previewLayout,
new StackLayout
{
Orientation = Orientation.Vertical,
Spacing = 5,
Items =
{
new GroupBox
{
Text = "Scale Image",
Width = 200,
Padding = 5,
Content = new StackLayout
{
Orientation = Orientation.Vertical,
Spacing = 5,
Padding = 5,
Items =
{
ControlGenerator.GetControlWithLabel("Size:",
new StackLayout
{
Orientation = Orientation.Vertical,
Items =
{
_widthStepper,
_heightStepper,
}
}),
ControlGenerator.GetControlWithLabel("Preserve Aspect Ratio:",
preserveAspectRatioCheckbox),
ControlGenerator.GetControlWithLabel("Scale To Fit:", scaleToFitButton),
}
}
},
new GroupBox
{
Text = "Position Image",
Width = 200,
Padding = 5,
Content = new StackLayout
{
Orientation = Orientation.Vertical,
Spacing = 5,
Padding = 5,
Items =
{
ControlGenerator.GetControlWithLabel("Position:",
new StackLayout
{
Orientation = Orientation.Vertical,
Items =
{
_imageXStepper,
_imageYStepper
}
}),
ControlGenerator.GetControlWithLabel("Reset:", resetPositionButton),
}
}
},
new StackLayout
{
Orientation = Orientation.Vertical,
HorizontalContentAlignment = HorizontalAlignment.Center,
Width = 200,
Padding = 5,
Items =
{
"Ctrl+Scroll — Scale Image",
"Arrow Keys — Move Image"
}
}
}
}
}
},
new StackLayout
{
Orientation = Orientation.Horizontal,
Spacing = 3,
Padding = 5,
Items =
{
saveButton,
Expand All @@ -58,5 +226,133 @@ public BackgroundCropResizeDialog(SKBitmap startImage, int width, int height, IL
}
};
}

protected override void OnShown(EventArgs e)
{
UpdateImage();
}

private void OnKeyDown(object sender, KeyEventArgs e)
{
int xChange = 0;
int yChange = 0;
switch (e.KeyData)
{
case Keys.Down:
yChange = 10;
break;
case Keys.Left:
xChange = -10;
break;
case Keys.Right:
xChange = 10;
break;
case Keys.Up:
yChange = -10;
break;
}

if (!e.Modifiers.HasFlag(Keys.Shift))
{
xChange /= 10;
yChange /= 10;
}

if (e.Modifiers.HasFlag(Keys.Control))
{
_selectionAreaLocation.Offset(xChange, yChange);
}
else
{
_imageLocation.Offset(xChange, yChange);
}
_imageXStepper.Value = _imageLocation.X;
_imageYStepper.Value = _imageLocation.Y;
UpdateImage();
}

private void OnMouseWheelUpdate(object sender, MouseEventArgs e)
{
if (!e.Modifiers.HasFlag(Keys.Control))
{
return;
}
_widthStepper.Value = (int) Math.Max(1, Math.Min(_preview.Width, _widthStepper.Value + e.Delta.Height * 10));
_heightStepper.Value = (int) Math.Max(1, Math.Min(_preview.Height, _heightStepper.Value + e.Delta.Height * 10 * _aspectRatio));
UpdateImage();
}

private void OnMouseMove(object sender, MouseEventArgs e)
{
e.Handled = true;
if (e.Buttons != MouseButtons.Primary)
{
_lastCursorPoint = e.Location;
return;
}
_lastCursorPoint ??= e.Location;

if (e.Modifiers.HasFlag(Keys.Control))
{
_imageLocation.Offset(
e.Location.X - _lastCursorPoint.Value.X,
e.Location.Y - _lastCursorPoint.Value.Y
);
}
else
{
_selectionAreaLocation.Offset(
e.Location.X - _lastCursorPoint.Value.X,
e.Location.Y - _lastCursorPoint.Value.Y
);
_selectionAreaLocation.X = Math.Max(0, Math.Min(_preview.Width - FinalImage.Width, _selectionAreaLocation.X));
_selectionAreaLocation.Y = Math.Max(0, Math.Min(_preview.Height - FinalImage.Height, _selectionAreaLocation.Y));
}
_lastCursorPoint = e.Location;
_imageXStepper.Value = _imageLocation.X;
_imageYStepper.Value = _imageLocation.Y;
UpdateImage();
}

private void UpdateImage()
{
SKCanvas previewCanvas = new(_preview);

// Draw background
previewCanvas.Clear();
previewCanvas.DrawColor(SKColors.DarkGray);

// Draw image
previewCanvas.DrawBitmap(StartImage,
new SKRect(0, 0, StartImage.Width, StartImage.Height),
new SKRect(
_imageLocation.X,
_imageLocation.Y,
_imageLocation.X + (int) _widthStepper.Value,
_imageLocation.Y + (int) _heightStepper.Value
)
);

// Update final canvas
SKCanvas finalCanvas = new(FinalImage);
SKRect areaRect = new(
_selectionAreaLocation.X,
_selectionAreaLocation.Y,
_selectionAreaLocation.X + FinalImage.Width,
_selectionAreaLocation.Y + FinalImage.Height
);
finalCanvas.DrawBitmap(_preview, areaRect, new SKRect(0, 0, FinalImage.Width, FinalImage.Height));

// Draw UI
SKPath uiPath = new();
uiPath.AddRect(new SKRect(0, 0, _preview.Width, _preview.Height));
uiPath.AddRect(areaRect);
uiPath.FillType = SKPathFillType.EvenOdd;
previewCanvas.DrawPath(uiPath, new SKPaint {Color = new SKColor(0, 0, 0, 0x55)});

// Update ImageView
previewCanvas.Flush();
_previewLayout.Content = new ImageView { Image = new SKGuiImage(_preview) };
}
}
}

0 comments on commit e8279e4

Please sign in to comment.