使用拇指移动变换控件会产生奇怪的行为

Question

尝试使用拇指在画布上移动控件时,我遇到了一种奇怪的行为.当我向画布添加一个控件并使用Thumb DragDelta事件来移动它时,一切看起来都不错.但是当我将旋转变换应用于控件时,拖动它是奇怪的.控件开始围绕光标旋转,角度越大圆圈越大.

有谁知道如何使拇指与变形元素一起工作？我花了一整天时间试图解决这个问题,并没有想到任何聪明的东西.

谢谢你的帮助!

Answer 1

如果将任何旋转变换应用于FrameworkElement,则意味着与其关联的坐标网格已旋转.因此,此FrameworkElement的任何事件处理程序都将在自己的坐标网格中接收位置值.

void DragThumb_DragDelta(object sender, DragDeltaEventArgs e)
{
    //You can use this values when RotateTransform is null
    double deltaHorizontal = e.HorizontalChange;
    double deltaVertical = e.VerticalChange;

    //Transform coordinates
    Vector v = Math2DHelper.RotateVector2d(e.HorizontalChange, e.VerticalChange, Math2DHelper.D2R(rotationInDegrees));

    //Right values
    deltaHorizontal = v.X;
    deltaVertical = v.Y;

    ...
}

示例math2D助手

public static class Math2DHelper
{
    public static Vector RotateVector2d(double x0, double y0, double rad)
    {
        Vector result = new Vector();
        result.X = x0 * Math.Cos(rad) - y0 * Math.Sin(rad);
        result.Y = x0 * Math.Sin(rad) + y0 * Math.Cos(rad);
        return result;
    }

    public static double D2R(double degree)
    {
        return (degree%360)*Math.PI/180;
    }
}

Answer 2

我遇到了这个问题并找到了解决方案，也许有人觉得它有帮助，您需要在拖动拇指之前检查是否有任何转换

private void Thumb_DragDelta(object sender, System.Windows.Controls.Primitives.DragDeltaEventArgs e)
    {
        var thumb = dts as UIElement;
        var transform = thumb.RenderTransform as RotateTransform;
        Point dragDelta = new Point(e.HorizontalChange, e.VerticalChange);

            if (transform != null)
            {
                dragDelta = transform.Transform(dragDelta);
            }

            Canvas.SetLeft(thumb, Canvas.GetLeft(thumb) + dragDelta.X);
            Canvas.SetTop(thumb, Canvas.GetTop(thumb) + dragDelta.Y);

    }

Answer 3

当拇指旋转时，拇指的 Horizo​​ntalChange 和 VerticalChange 似乎不能很好地发挥作用。因此，我只是使用画布中的光标位置来获取左侧和顶部的偏移量。它并不完全准确，但对于我想做的事情来说已经足够接近了。