improve:图片选中
This commit is contained in:
@@ -0,0 +1,60 @@
|
||||
<UserControl x:Class="Ink_Canvas.Controls.ImageSelectionOverlay"
|
||||
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||||
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
|
||||
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
||||
mc:Ignorable="d"
|
||||
HorizontalAlignment="Left" VerticalAlignment="Top"
|
||||
Background="{x:Null}"
|
||||
IsHitTestVisible="True">
|
||||
<Canvas x:Name="OverlayRoot" Background="Transparent" IsHitTestVisible="True" ClipToBounds="False">
|
||||
<Rectangle x:Name="MoveSurface"
|
||||
Fill="Transparent"
|
||||
Cursor="SizeAll"
|
||||
IsHitTestVisible="True" />
|
||||
<Rectangle x:Name="FrameBorder"
|
||||
Stroke="#22D3A9"
|
||||
StrokeThickness="1.5"
|
||||
Fill="Transparent"
|
||||
IsHitTestVisible="False"
|
||||
SnapsToDevicePixels="True" />
|
||||
|
||||
<Line x:Name="RotationLine"
|
||||
Stroke="#22D3A9"
|
||||
StrokeThickness="1.5"
|
||||
IsHitTestVisible="False"
|
||||
SnapsToDevicePixels="True" />
|
||||
|
||||
<Ellipse x:Name="RotationHandle"
|
||||
Width="14" Height="14"
|
||||
Fill="#22D3A9"
|
||||
Stroke="White"
|
||||
StrokeThickness="2"
|
||||
Cursor="Hand" />
|
||||
|
||||
<Ellipse x:Name="TopLeftHandle"
|
||||
Width="12" Height="12"
|
||||
Fill="White"
|
||||
Stroke="#22D3A9"
|
||||
StrokeThickness="1.5"
|
||||
Cursor="SizeNWSE" />
|
||||
<Ellipse x:Name="TopRightHandle"
|
||||
Width="12" Height="12"
|
||||
Fill="White"
|
||||
Stroke="#22D3A9"
|
||||
StrokeThickness="1.5"
|
||||
Cursor="SizeNESW" />
|
||||
<Ellipse x:Name="BottomLeftHandle"
|
||||
Width="12" Height="12"
|
||||
Fill="White"
|
||||
Stroke="#22D3A9"
|
||||
StrokeThickness="1.5"
|
||||
Cursor="SizeNESW" />
|
||||
<Ellipse x:Name="BottomRightHandle"
|
||||
Width="12" Height="12"
|
||||
Fill="White"
|
||||
Stroke="#22D3A9"
|
||||
StrokeThickness="1.5"
|
||||
Cursor="SizeNWSE" />
|
||||
</Canvas>
|
||||
</UserControl>
|
||||
@@ -0,0 +1,248 @@
|
||||
using System;
|
||||
using System.Windows;
|
||||
using System.Windows.Controls;
|
||||
using System.Windows.Input;
|
||||
using System.Windows.Shapes;
|
||||
|
||||
namespace Ink_Canvas.Controls
|
||||
{
|
||||
public enum ImageResizeCorner
|
||||
{
|
||||
TopLeft,
|
||||
TopRight,
|
||||
BottomLeft,
|
||||
BottomRight
|
||||
}
|
||||
|
||||
public class ImageResizeDeltaEventArgs : EventArgs
|
||||
{
|
||||
public ImageResizeCorner Corner { get; }
|
||||
public Point CurrentCanvasPoint { get; }
|
||||
public Point StartCanvasPoint { get; }
|
||||
public bool LockAspectRatio { get; }
|
||||
|
||||
public ImageResizeDeltaEventArgs(ImageResizeCorner corner, Point start, Point current, bool lockAspect)
|
||||
{
|
||||
Corner = corner;
|
||||
StartCanvasPoint = start;
|
||||
CurrentCanvasPoint = current;
|
||||
LockAspectRatio = lockAspect;
|
||||
}
|
||||
}
|
||||
|
||||
public class ImageMoveDeltaEventArgs : EventArgs
|
||||
{
|
||||
public Vector Delta { get; }
|
||||
public ImageMoveDeltaEventArgs(Vector delta) { Delta = delta; }
|
||||
}
|
||||
|
||||
public class ImageRotateDeltaEventArgs : EventArgs
|
||||
{
|
||||
public double AngleDelta { get; }
|
||||
public ImageRotateDeltaEventArgs(double angleDelta) { AngleDelta = angleDelta; }
|
||||
}
|
||||
|
||||
public partial class ImageSelectionOverlay : UserControl
|
||||
{
|
||||
private const double HandleSize = 12;
|
||||
private const double RotationHandleSize = 14;
|
||||
private const double RotationHandleOffset = 28;
|
||||
|
||||
public event EventHandler<ImageResizeDeltaEventArgs> ResizeDelta;
|
||||
public event EventHandler<ImageMoveDeltaEventArgs> MoveDelta;
|
||||
public event EventHandler<ImageRotateDeltaEventArgs> RotateDelta;
|
||||
public event EventHandler InteractionStarted;
|
||||
public event EventHandler InteractionEnded;
|
||||
|
||||
public IInputElement CoordinateSource { get; set; }
|
||||
|
||||
private Point _rotationCenter;
|
||||
|
||||
private bool _isResizing;
|
||||
private bool _isRotating;
|
||||
private bool _isMoving;
|
||||
private ImageResizeCorner _activeCorner;
|
||||
private Point _lastPoint;
|
||||
private double _lastRotationAngle;
|
||||
|
||||
public ImageSelectionOverlay()
|
||||
{
|
||||
InitializeComponent();
|
||||
|
||||
TopLeftHandle.MouseLeftButtonDown += (s, e) => BeginResize(ImageResizeCorner.TopLeft, e, TopLeftHandle);
|
||||
TopRightHandle.MouseLeftButtonDown += (s, e) => BeginResize(ImageResizeCorner.TopRight, e, TopRightHandle);
|
||||
BottomLeftHandle.MouseLeftButtonDown += (s, e) => BeginResize(ImageResizeCorner.BottomLeft, e, BottomLeftHandle);
|
||||
BottomRightHandle.MouseLeftButtonDown += (s, e) => BeginResize(ImageResizeCorner.BottomRight, e, BottomRightHandle);
|
||||
|
||||
TopLeftHandle.MouseMove += ResizeMove;
|
||||
TopRightHandle.MouseMove += ResizeMove;
|
||||
BottomLeftHandle.MouseMove += ResizeMove;
|
||||
BottomRightHandle.MouseMove += ResizeMove;
|
||||
|
||||
TopLeftHandle.MouseLeftButtonUp += EndResize;
|
||||
TopRightHandle.MouseLeftButtonUp += EndResize;
|
||||
BottomLeftHandle.MouseLeftButtonUp += EndResize;
|
||||
BottomRightHandle.MouseLeftButtonUp += EndResize;
|
||||
|
||||
RotationHandle.MouseLeftButtonDown += BeginRotate;
|
||||
RotationHandle.MouseMove += RotateMove;
|
||||
RotationHandle.MouseLeftButtonUp += EndRotate;
|
||||
|
||||
MoveSurface.MouseLeftButtonDown += BeginMove;
|
||||
MoveSurface.MouseMove += MoveMove;
|
||||
MoveSurface.MouseLeftButtonUp += EndMove;
|
||||
}
|
||||
|
||||
public void UpdateFrame(Rect canvasBounds, double rotationAngleDegrees)
|
||||
{
|
||||
if (canvasBounds.Width <= 0 || canvasBounds.Height <= 0) return;
|
||||
|
||||
_rotationCenter = new Point(canvasBounds.Left + canvasBounds.Width / 2,
|
||||
canvasBounds.Top + canvasBounds.Height / 2);
|
||||
|
||||
Margin = new Thickness(canvasBounds.Left, canvasBounds.Top, 0, 0);
|
||||
Width = canvasBounds.Width;
|
||||
Height = canvasBounds.Height;
|
||||
|
||||
FrameBorder.Width = canvasBounds.Width;
|
||||
FrameBorder.Height = canvasBounds.Height;
|
||||
System.Windows.Controls.Canvas.SetLeft(FrameBorder, 0);
|
||||
System.Windows.Controls.Canvas.SetTop(FrameBorder, 0);
|
||||
|
||||
MoveSurface.Width = canvasBounds.Width;
|
||||
MoveSurface.Height = canvasBounds.Height;
|
||||
System.Windows.Controls.Canvas.SetLeft(MoveSurface, 0);
|
||||
System.Windows.Controls.Canvas.SetTop(MoveSurface, 0);
|
||||
|
||||
double h = HandleSize / 2;
|
||||
System.Windows.Controls.Canvas.SetLeft(TopLeftHandle, -h);
|
||||
System.Windows.Controls.Canvas.SetTop(TopLeftHandle, -h);
|
||||
System.Windows.Controls.Canvas.SetLeft(TopRightHandle, canvasBounds.Width - h);
|
||||
System.Windows.Controls.Canvas.SetTop(TopRightHandle, -h);
|
||||
System.Windows.Controls.Canvas.SetLeft(BottomLeftHandle, -h);
|
||||
System.Windows.Controls.Canvas.SetTop(BottomLeftHandle, canvasBounds.Height - h);
|
||||
System.Windows.Controls.Canvas.SetLeft(BottomRightHandle, canvasBounds.Width - h);
|
||||
System.Windows.Controls.Canvas.SetTop(BottomRightHandle, canvasBounds.Height - h);
|
||||
|
||||
double rh = RotationHandleSize / 2;
|
||||
double midX = canvasBounds.Width / 2;
|
||||
System.Windows.Controls.Canvas.SetLeft(RotationHandle, midX - rh);
|
||||
System.Windows.Controls.Canvas.SetTop(RotationHandle, -RotationHandleOffset - rh);
|
||||
|
||||
RotationLine.X1 = midX;
|
||||
RotationLine.Y1 = 0;
|
||||
RotationLine.X2 = midX;
|
||||
RotationLine.Y2 = -RotationHandleOffset;
|
||||
}
|
||||
|
||||
private IInputElement GetSource() => CoordinateSource ?? (IInputElement)Parent;
|
||||
|
||||
private void BeginResize(ImageResizeCorner corner, MouseButtonEventArgs e, Ellipse handle)
|
||||
{
|
||||
var source = GetSource();
|
||||
if (source == null) return;
|
||||
_isResizing = true;
|
||||
_activeCorner = corner;
|
||||
_lastPoint = e.GetPosition(source);
|
||||
handle.CaptureMouse();
|
||||
InteractionStarted?.Invoke(this, EventArgs.Empty);
|
||||
e.Handled = true;
|
||||
}
|
||||
|
||||
private void ResizeMove(object sender, MouseEventArgs e)
|
||||
{
|
||||
if (!_isResizing || !(sender is Ellipse handle) || !handle.IsMouseCaptured) return;
|
||||
var source = GetSource();
|
||||
if (source == null) return;
|
||||
var current = e.GetPosition(source);
|
||||
bool lockAspect = (Keyboard.Modifiers & ModifierKeys.Shift) == ModifierKeys.Shift;
|
||||
ResizeDelta?.Invoke(this, new ImageResizeDeltaEventArgs(_activeCorner, _lastPoint, current, lockAspect));
|
||||
_lastPoint = current;
|
||||
e.Handled = true;
|
||||
}
|
||||
|
||||
private void EndResize(object sender, MouseButtonEventArgs e)
|
||||
{
|
||||
if (!_isResizing) return;
|
||||
if (sender is Ellipse handle) handle.ReleaseMouseCapture();
|
||||
_isResizing = false;
|
||||
InteractionEnded?.Invoke(this, EventArgs.Empty);
|
||||
e.Handled = true;
|
||||
}
|
||||
|
||||
private void BeginRotate(object sender, MouseButtonEventArgs e)
|
||||
{
|
||||
var source = GetSource();
|
||||
if (source == null) return;
|
||||
_isRotating = true;
|
||||
var p = e.GetPosition(source);
|
||||
_lastRotationAngle = AngleFromCenter(p);
|
||||
RotationHandle.CaptureMouse();
|
||||
InteractionStarted?.Invoke(this, EventArgs.Empty);
|
||||
e.Handled = true;
|
||||
}
|
||||
|
||||
private void RotateMove(object sender, MouseEventArgs e)
|
||||
{
|
||||
if (!_isRotating || !RotationHandle.IsMouseCaptured) return;
|
||||
var source = GetSource();
|
||||
if (source == null) return;
|
||||
var p = e.GetPosition(source);
|
||||
double angle = AngleFromCenter(p);
|
||||
double delta = angle - _lastRotationAngle;
|
||||
if (delta > 180) delta -= 360;
|
||||
else if (delta < -180) delta += 360;
|
||||
_lastRotationAngle = angle;
|
||||
RotateDelta?.Invoke(this, new ImageRotateDeltaEventArgs(delta));
|
||||
e.Handled = true;
|
||||
}
|
||||
|
||||
private void EndRotate(object sender, MouseButtonEventArgs e)
|
||||
{
|
||||
if (!_isRotating) return;
|
||||
RotationHandle.ReleaseMouseCapture();
|
||||
_isRotating = false;
|
||||
InteractionEnded?.Invoke(this, EventArgs.Empty);
|
||||
e.Handled = true;
|
||||
}
|
||||
|
||||
private void BeginMove(object sender, MouseButtonEventArgs e)
|
||||
{
|
||||
var source = GetSource();
|
||||
if (source == null) return;
|
||||
_isMoving = true;
|
||||
_lastPoint = e.GetPosition(source);
|
||||
MoveSurface.CaptureMouse();
|
||||
InteractionStarted?.Invoke(this, EventArgs.Empty);
|
||||
e.Handled = true;
|
||||
}
|
||||
|
||||
private void MoveMove(object sender, MouseEventArgs e)
|
||||
{
|
||||
if (!_isMoving || !MoveSurface.IsMouseCaptured) return;
|
||||
var source = GetSource();
|
||||
if (source == null) return;
|
||||
var current = e.GetPosition(source);
|
||||
var delta = current - _lastPoint;
|
||||
_lastPoint = current;
|
||||
MoveDelta?.Invoke(this, new ImageMoveDeltaEventArgs(delta));
|
||||
e.Handled = true;
|
||||
}
|
||||
|
||||
private void EndMove(object sender, MouseButtonEventArgs e)
|
||||
{
|
||||
if (!_isMoving) return;
|
||||
MoveSurface.ReleaseMouseCapture();
|
||||
_isMoving = false;
|
||||
InteractionEnded?.Invoke(this, EventArgs.Empty);
|
||||
e.Handled = true;
|
||||
}
|
||||
|
||||
private double AngleFromCenter(Point p)
|
||||
{
|
||||
double dx = p.X - _rotationCenter.X;
|
||||
double dy = p.Y - _rotationCenter.Y;
|
||||
return Math.Atan2(dy, dx) * 180.0 / Math.PI;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user