使用锚计算比例

Question

在高层次上，我想要一个 usercontrol 和一个 contentpresenter，如下所示：

<UserControl>
    <ContentPresenter />
</UserControl> 

我想像这样在我的消费 XAML 中实现它：

<Controls:MyControl>
    <Image src="http://server/file.png" />
</Controls:MyControl> 

然后我希望我的usercontrol 像这样添加调整大小和旋转锚点：

用户可以抓住gainsboro 区域的中心并移动用户控件——这将更新其转换转换属性。用户可以抓取调整大小的锚点（正方形）并调整用户控件的大小 - 这将更新其变换比例属性。用户可以抓住旋转锚（圆）并旋转控件 - 这将更新其变换旋转属性。看起来很简单。

我在这里写了一篇关于如何处理操作的文章：http://blog.jerrynixon.com/2013/07/walkthrough-real-world-manipulation.html

有很多关于操作的文章，但是对这个user control 的需求是不同的。如果我们只考虑缩放对象，则要求不仅仅是缩放。要求是：

1. 当用户拖动角锚并开始缩放时，锚本身的大小不应改变。这可以防止触摸目标缩小或遮挡对象。

2. 当用户拖动角锚时，渲染原点应更改为对角，以便缩放朝向和远离所选锚。它不应该居中。

3. 当用户拖动角锚时，锚应保持在用户的指针下方。它不应该在指针上下文之外疯狂地扩展对象。

这三个比你想象的要难。他们甚至不处理轮换问题。但那是另一次了。另一个问题。

第一个（已解决）确保角锚不随控件的其余部分缩放实际上是使用如下简单转换器转换当前缩放因子的问题：

class ResizeConverter : IValueConverter
{
    public object Convert(object value, Type targetType, 
        object parameter, string language)
        { return 1 / System.Convert.ToDouble(value); }
    public object ConvertBack(object value, Type targetType, 
        object parameter, string language)
        { throw new NotImplementedException(); }
}

第二个哇，这个比看起来更难。当您更改 RenderTransformOrigin 的值时，任何现有的转换都将使用新值重新呈现。在更改该值之前，我不是 100% 如何正确适应现有转换。

第三个这是问题的coupe de gras。计算指针的当前位置并不太难。计算如何获得指针下的锚点 - 这也有点容易。但是考虑到底层对象的比例，使其正确填充（甚至倾斜）它以适合新定义的框？没有线索。

说实话，我认为计算从原始操作起点到当前操作位置的距离可能很重要。为此，我创建了这个不错的方法：

private double Distance(Point point1, Point point2)
{
    var x1 = point1.X;
    var y1 = point1.Y;
    var x2 = point2.X;
    var y2 = point2.Y;
    return Math.Sqrt(Math.Pow(x2 - x1, 2) + Math.Pow(y2 - y1, 2));
}

现实是，我只是部分确定自己走在正确的轨道上。

这已经在很多现有代码中实现了 - 但不是在 C# 中，不是使用 XAML。 Visual Studio 允许您使用锚点调整设计器元素的大小。这不是一个新颖的概念。但是，我的目标仍然是解决这个问题并发布一个任何开发人员都可以在他们的 XAML 应用程序（包括我自己的）中使用的工作示例。但是这里有一些事情让我很难过。

有人可以帮我解决这部分问题吗？

Answer 1

我不确定，但是这个项目有很多用于设计图表的规模和锚点，也许你从这里得到灵感 WPF Diagram designer ;-)