resize node in all directions

This commit is contained in:
Saas
2026-03-06 22:54:17 +01:00
parent cee1b72f2f
commit 968772cbad
2 changed files with 95 additions and 40 deletions
+87 -32
View File
@@ -1,19 +1,22 @@
// Copyright (c) Wojciech Figat. All rights reserved.
using System;
using FlaxEngine;
using FlaxEngine.GUI;
namespace FlaxEditor.Surface
{
/// <summary>
/// Visject Surface node control that cna be resized.
/// Visject Surface node control that can be resized.
/// </summary>
/// <seealso cref="SurfaceNode" />
[HideInEditor]
public class ResizableSurfaceNode : SurfaceNode
{
private Float2 _resizeWeight;
private Float2 _startResizingSize;
private Float2 _startResizingCornerOffset;
private Float2 _surfaceMouseLocation;
private bool _isMouseOverResizeBorder;
/// <summary>
/// Indicates whether the node is currently being resized.
@@ -30,11 +33,6 @@ namespace FlaxEditor.Surface
/// </summary>
protected Float2 _sizeMin = new Float2(240, 160);
/// <summary>
/// Node resizing rectangle bounds.
/// </summary>
protected Rectangle _resizeButtonRect;
private Float2 SizeValue
{
get => (Float2)Values[_sizeValueIndex];
@@ -50,7 +48,7 @@ namespace FlaxEditor.Surface
/// <inheritdoc />
public override bool CanSelect(ref Float2 location)
{
return base.CanSelect(ref location) && !_resizeButtonRect.MakeOffsetted(Location).Contains(ref location);
return base.CanSelect(ref location);// && !_resizeButtonRect.MakeOffsetted(Location).Contains(ref location);
}
/// <inheritdoc />
@@ -79,15 +77,9 @@ namespace FlaxEditor.Surface
{
base.Draw();
if (Surface.CanEdit)
if (Surface.CanEdit && (_isResizing || _isMouseOverResizeBorder))
{
var style = Style.Current;
if (_isResizing)
{
Render2D.FillRectangle(_resizeButtonRect, style.Selection);
Render2D.DrawRectangle(_resizeButtonRect, style.SelectionBorder);
}
Render2D.DrawSprite(style.Scale, _resizeButtonRect, _resizeButtonRect.Contains(_mousePosition) ? style.Foreground : style.ForegroundGrey);
Render2D.DrawRectangle(new Rectangle(Float2.Zero, Size), Style.Current.Foreground, 2f);
}
}
@@ -109,46 +101,120 @@ namespace FlaxEditor.Surface
base.OnEndMouseCapture();
}
private bool UpdateIsOverResizeBorder(Float2 location)
{
const float ResizeBorderHalfWidth = 20f;
const float ResizeOnAxisThreshold = 0.85f;
var nodeRect = new Rectangle(Float2.Zero, Size);
bool onBorder = nodeRect.MakeExpanded(ResizeBorderHalfWidth).Contains(location);
var inNodeRect = nodeRect.MakeExpanded(-ResizeBorderHalfWidth);
bool inNode = inNodeRect.Contains(location);
Float2 rawResizeWeight = (location - nodeRect.Center) / (nodeRect.Size * 0.5f);
_resizeWeight = new Float2(Mathf.Abs(rawResizeWeight.X) >= ResizeOnAxisThreshold ? Mathf.Sign(rawResizeWeight.X) : 0,
Mathf.Abs(rawResizeWeight.Y) >= ResizeOnAxisThreshold ? Mathf.Sign(rawResizeWeight.Y) : 0);
_isMouseOverResizeBorder = onBorder && !inNode;
return onBorder && !inNode;
}
private CursorType ResizeWeightToCursorType()
{
if ((_resizeWeight.X == 1 && _resizeWeight.Y == 0) || (_resizeWeight.X == -1 && _resizeWeight.Y == 0))
return CursorType.SizeWE;
if ((_resizeWeight.X == 0 && _resizeWeight.Y == 1) || (_resizeWeight.X == 0 && _resizeWeight.Y == -1))
return CursorType.SizeNS;
if ((_resizeWeight.X == -1 && _resizeWeight.Y == -1) || (_resizeWeight.X == 1 && _resizeWeight.Y == 1))
return CursorType.SizeNWSE;
if ((_resizeWeight.X == 1 && _resizeWeight.Y == -1) || (_resizeWeight.X == -1 && _resizeWeight.Y == 1))
return CursorType.SizeNESW;
return CursorType.Default;
}
/// <inheritdoc />
public override bool OnMouseDown(Float2 location, MouseButton button)
{
if (base.OnMouseDown(location, button))
return true;
if (button == MouseButton.Left && _resizeButtonRect.Contains(ref location) && Surface.CanEdit)
if (button == MouseButton.Left && UpdateIsOverResizeBorder(location))
{
// Start resizing
UpdateSurfaceMouseLocation();
_isResizing = true;
_startResizingSize = Size;
_startResizingCornerOffset = Size - location;
StartMouseCapture();
Cursor = CursorType.SizeNWSE;
return true;
}
return false;
}
private Float2 GetControlDelta(Control control, ref Float2 start, ref Float2 end)
{
var pointOrigin = control.Parent ?? control;
var startPos = pointOrigin.PointFromParent(this, start);
var endPos = pointOrigin.PointFromParent(this, end);
return endPos - startPos;
}
private void UpdateSurfaceMouseLocation()
{
_surfaceMouseLocation = Surface.PointFromScreen(Input.MouseScreenPosition);
}
/// <inheritdoc />
public override void OnMouseMove(Float2 location)
{
if (_isResizing)
{
var resizeAxisAbs = _resizeWeight.Absolute;
var resizeAxisPos = Float2.Clamp(_resizeWeight, Float2.Zero, Float2.One);
var resizeAxisNeg = Float2.Clamp(-_resizeWeight, Float2.Zero, Float2.One);
var delta = PointToParent(Surface, location) - _surfaceMouseLocation;
// TODO: scale/size snapping?
delta *= resizeAxisAbs;
var moveLocation = _surfaceMouseLocation + delta;
// TODO: Do I need GetControlDelta?
var uiControlDelta = GetControlDelta(this, ref _surfaceMouseLocation, ref moveLocation);
var emptySize = CalculateNodeSize(0, 0);
var size = Float2.Max(location - emptySize + _startResizingCornerOffset, _sizeMin);
Resize(size.X, size.Y);
Location += uiControlDelta * resizeAxisNeg;
Size += uiControlDelta * resizeAxisPos - uiControlDelta * resizeAxisNeg;
Size = new Float2(Mathf.Max(Size.X, _sizeMin.X), Mathf.Max(Size.Y, _sizeMin.Y));
SizeValue = Size - emptySize;
SizeValue = new Float2(Mathf.Max(SizeValue.X, _sizeMin.X), Mathf.Max(SizeValue.Y, _sizeMin.Y));
CalculateNodeSize(Size.X, Size.Y);
UpdateSurfaceMouseLocation();
}
else if (UpdateIsOverResizeBorder(location))
{
Cursor = ResizeWeightToCursorType();
}
else
{
Cursor = CursorType.Default;
base.OnMouseMove(location);
}
}
/// <inheritdoc />
public override void OnMouseLeave()
{
Cursor = CursorType.Default;
_isMouseOverResizeBorder = false;
base.OnMouseLeave();
}
/// <inheritdoc />
public override bool OnMouseUp(Float2 location, MouseButton button)
{
if (button == MouseButton.Left && _isResizing)
{
Cursor = CursorType.Default;
EndResizing();
return true;
}
@@ -156,19 +222,8 @@ namespace FlaxEditor.Surface
return base.OnMouseUp(location, button);
}
/// <inheritdoc />
protected override void UpdateRectangles()
{
base.UpdateRectangles();
const float buttonMargin = Constants.NodeCloseButtonMargin;
const float buttonSize = Constants.NodeCloseButtonSize;
_resizeButtonRect = new Rectangle(_closeButtonRect.Left, Height - buttonSize - buttonMargin - 4, buttonSize, buttonSize);
}
private void EndResizing()
{
Cursor = CursorType.Default;
EndMouseCapture();
_isResizing = false;
if (_startResizingSize != Size)
+8 -8
View File
@@ -130,7 +130,7 @@ namespace FlaxEditor.Surface
_headerRect = new Rectangle(0, 0, Width, headerSize);
_closeButtonRect = new Rectangle(Width - buttonSize - buttonMargin, buttonMargin, buttonSize, buttonSize);
_colorButtonRect = new Rectangle(_closeButtonRect.Left - buttonSize - buttonMargin, buttonMargin, buttonSize, buttonSize);
_resizeButtonRect = new Rectangle(_closeButtonRect.Left, Height - buttonSize - buttonMargin, buttonSize, buttonSize);
//_resizeButtonRect = new Rectangle(_closeButtonRect.Left, Height - buttonSize - buttonMargin, buttonSize, buttonSize);
_renameTextBox.Width = Width;
_renameTextBox.Height = headerSize;
}
@@ -189,12 +189,12 @@ namespace FlaxEditor.Surface
Render2D.DrawSprite(style.Settings, _colorButtonRect, _colorButtonRect.Contains(_mousePosition) && Surface.CanEdit ? style.Foreground : style.ForegroundGrey);
// Resize button
if (_isResizing)
{
Render2D.FillRectangle(_resizeButtonRect, style.Selection);
Render2D.DrawRectangle(_resizeButtonRect, style.SelectionBorder);
}
Render2D.DrawSprite(style.Scale, _resizeButtonRect, _resizeButtonRect.Contains(_mousePosition) ? style.Foreground : style.ForegroundGrey);
//if (_isResizing)
//{
// Render2D.FillRectangle(_resizeButtonRect, style.Selection);
// Render2D.DrawRectangle(_resizeButtonRect, style.SelectionBorder);
//}
//Render2D.DrawSprite(style.Scale, _resizeButtonRect, _resizeButtonRect.Contains(_mousePosition) ? style.Foreground : style.ForegroundGrey);
}
// Selection outline
@@ -229,7 +229,7 @@ namespace FlaxEditor.Surface
/// <inheritdoc />
public override bool ContainsPoint(ref Float2 location, bool precise)
{
return _headerRect.Contains(ref location) || _resizeButtonRect.Contains(ref location);
return _headerRect.Contains(ref location);// || _resizeButtonRect.Contains(ref location);
}
/// <inheritdoc />