WPF绘图工具实现形状负尺寸调整功能的技术咨询

核心改进思路 #

• 拖拽启动时记录形状的初始边界参数（Top、Left、Bottom、Right），所有调整逻辑基于初始值计算，避免增量修改带来的累积误差和抖动
• 针对不同手柄，根据拖拽的总偏移量直接计算新的边界矩形，再统一赋值给形状的位置和尺寸属性，消除临界点切换时的频繁状态变化
• 无需单独检测尺寸为0的时刻，边界计算会自动处理跨侧调整，自然实现"负尺寸"拖拽效果

修改后的ResizeThumb代码 #

public class ResizeThumb : Thumb
{
    private struct InitialBounds
    {
        public double Top;
        public double Left;
        public double Bottom;
        public double Right;
    }

    private InitialBounds _initialBounds;
    private CornerOrSide _thumbType;

    static ResizeThumb()
    {
        DefaultStyleKeyProperty.OverrideMetadata(typeof(ResizeThumb),
            new FrameworkPropertyMetadata(typeof(ResizeThumb)));
    }

    private readonly DrawingShape _childElement;

    public ResizeThumb(DrawingShape adornedElement, CornerOrSide thumbCornerOrSide)
    {
        _childElement = adornedElement;
        _thumbType = thumbCornerOrSide;

        switch (thumbCornerOrSide)
        {
            case CornerOrSide.TopLeft:
                DragDelta += OnTopLeftDragDelta;
                break;
            case CornerOrSide.TopRight:
                DragDelta += OnTopRightDragDelta;
                break;
            case CornerOrSide.BottomRight:
                DragDelta += OnBottomRightDragDelta;
                break;
            case CornerOrSide.BottomLeft:
                DragDelta += OnBottomLeftDragDelta;
                break;
            case CornerOrSide.Top:
                DragDelta += OnTopDragDelta;
                break;
            case CornerOrSide.Bottom:
                DragDelta += OnBottomDragDelta;
                break;
            case CornerOrSide.Left:
                DragDelta += OnLeftDragDelta;
                break;
            case CornerOrSide.Right:
                DragDelta += OnRightDragDelta;
                break;
            default:
                throw new ArgumentOutOfRangeException(nameof(thumbCornerOrSide), thumbCornerOrSide, null);
        }

        DragStarted += OnDragStarted;
        DragCompleted += OnDragCompleted;
    }

    private void OnDragStarted(object _, DragStartedEventArgs e)
    {
        // 记录初始边界，基于当前形状的Top、Left、Width、Height计算
        _initialBounds.Top = _childElement.Top;
        _initialBounds.Left = _childElement.Left;
        _initialBounds.Bottom = _childElement.Top + _childElement.Height;
        _initialBounds.Right = _childElement.Left + _childElement.Width;
    }

    private void OnDragCompleted(object _, DragCompletedEventArgs e)
    {
        // 清空初始值（可选，避免内存残留）
        _initialBounds = default;
    }

    #region Drag Delta Handling

    private void OnTopDragDelta(object _, DragDeltaEventArgs e)
    {
        var newTop = _initialBounds.Top + e.VerticalChange;
        UpdateShapeBounds(newTop, _initialBounds.Bottom, _initialBounds.Left, _initialBounds.Right);
    }

    private void OnBottomDragDelta(object _, DragDeltaEventArgs e)
    {
        var newBottom = _initialBounds.Bottom + e.VerticalChange;
        UpdateShapeBounds(_initialBounds.Top, newBottom, _initialBounds.Left, _initialBounds.Right);
    }

    private void OnLeftDragDelta(object _, DragDeltaEventArgs e)
    {
        var newLeft = _initialBounds.Left + e.HorizontalChange;
        UpdateShapeBounds(_initialBounds.Top, _initialBounds.Bottom, newLeft, _initialBounds.Right);
    }

    private void OnRightDragDelta(object _, DragDeltaEventArgs e)
    {
        var newRight = _initialBounds.Right + e.HorizontalChange;
        UpdateShapeBounds(_initialBounds.Top, _initialBounds.Bottom, _initialBounds.Left, newRight);
    }

    private void OnTopLeftDragDelta(object _, DragDeltaEventArgs e)
    {
        var newTop = _initialBounds.Top + e.VerticalChange;
        var newLeft = _initialBounds.Left + e.HorizontalChange;
        UpdateShapeBounds(newTop, _initialBounds.Bottom, newLeft, _initialBounds.Right);
    }

    private void OnBottomRightDragDelta(object _, DragDeltaEventArgs e)
    {
        var newBottom = _initialBounds.Bottom + e.VerticalChange;
        var newRight = _initialBounds.Right + e.HorizontalChange;
        UpdateShapeBounds(_initialBounds.Top, newBottom, _initialBounds.Left, newRight);
    }

    private void OnBottomLeftDragDelta(object _, DragDeltaEventArgs e)
    {
        var newBottom = _initialBounds.Bottom + e.VerticalChange;
        var newLeft = _initialBounds.Left + e.HorizontalChange;
        UpdateShapeBounds(_initialBounds.Top, newBottom, newLeft, _initialBounds.Right);
    }

    private void OnTopRightDragDelta(object _, DragDeltaEventArgs e)
    {
        var newTop = _initialBounds.Top + e.VerticalChange;
        var newRight = _initialBounds.Right + e.HorizontalChange;
        UpdateShapeBounds(newTop, _initialBounds.Bottom, _initialBounds.Left, newRight);
    }

    #endregion

    /// <summary>
    /// 根据新的边界值统一更新形状的位置和尺寸
    /// </summary>
    private void UpdateShapeBounds(double newTop, double newBottom, double newLeft, double newRight)
    {
        // 计算最终的Top、Left（取边界的最小/最大值，确保Width/Height始终为正）
        var finalTop = Math.Min(newTop, newBottom);
        var finalLeft = Math.Min(newLeft, newRight);
        var finalHeight = Math.Abs(newBottom - newTop);
        var finalWidth = Math.Abs(newRight - newLeft);

        // 统一赋值，避免多次修改属性导致的UI抖动
        _childElement.Top = finalTop;
        _childElement.Left = finalLeft;
        _childElement.Height = finalHeight;
        _childElement.Width = finalWidth;
    }
}

代码说明 #

1. InitialBounds结构体：存储拖拽开始时形状的原始边界，确保所有调整基于初始状态计算，避免增量修改的累积问题
2. UpdateShapeBounds方法：统一计算最终的位置和尺寸，始终保证Width/Height为正，Top/Left为边界的最小值，自然处理跨侧拖拽的情况
3. 拖拽事件处理：每个手柄的拖拽逻辑仅计算对应边界的偏移，然后调用统一的更新方法，消除了原代码中拆分修改Top/Height、Left/Width导致的抖动

内容的提问来源于stack exchange，提问作者Bart S