Question

在高级别，我想要一个usercontrol contentpresenter，如下所示：

<UserControl>
    <ContentPresenter />
</UserControl>

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

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

然后我希望我的usercontrol添加调整大小并旋转锚点，如下所示：

enter image description here

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

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

有大量关于操作的文章，但对此user control的需求是不同的。如果我们只考虑缩放对象，那么要求不仅仅是扩展。要求是：

当用户拖动角锚并开始缩放时，锚本身的大小不应改变。这可以防止触摸目标缩小或遮挡对象。
当用户拖动角锚时，渲染原点应更改为对角，因此缩放朝向和远离所选锚点。它不应该居中。
当用户拖动角锚时，锚应保留在用户指针下。它不应该在指针的上下文之外疯狂地扩展对象。

这三个比你想象的更困难。他们甚至不处理旋转问题。但那是另一次。另一个问题。

排名第一（已解决）确保角落锚点不会与控件的其余部分一起缩放，实际上是使用这样的简单转换器转换当前比例因子：

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; - ）

使用锚点计算比例

1 个答案: