wpf - 使用 anchor 计算比例

Question

在高层次上，我想要一个带有 contentpresenter 的 usercontrol，如下所示:

<UserControl>
    <ContentPresenter />
</UserControl> 

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

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

然后我希望我的 usercontrol 添加调整大小和旋转 anchor ，如下所示:

用户可以捕获中心 gainsboro 区域并移动用户控件 - 这将更新其变换转换属性。用户可以捕获调整大小的 anchor (正方形)并调整用户控件的大小——这将更新其变换比例属性。用户可以捕获旋转 anchor (圆圈)并旋转控件——这将更新其变换旋转属性。看起来很简单。

I wrote an article on how to handle manipulations here: http://blog.jerrynixon.com/2013/07/walkthrough-real-world-manipulation.html

关于操作的文章很多，但对这个用户控件的需求是不同的。如果我们只考虑缩放对象，那么要求就不仅仅是缩放了。要求是:

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

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

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

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

第一(已解决)确保角 anchor 不随控件的其余部分缩放实际上是使用像这样的简单转换器转换当前比例因子的问题:

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。计算指针的当前位置并不太难。计算如何将 anchor 置于指针下方 - 这也比较容易。但是考虑到底层对象的比例，以便它正确地填充(甚至倾斜)它以便适合新定义的框？没有线索。

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

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 允许您使用 anchor 调整设计器元素的大小。这不是一个新概念。但是，我的目标仍然是解决这个问题并发布一个任何开发人员都可以在他们的 XAML 应用程序(包括我自己的应用程序)中使用的工作示例。但是这里有些事情让我很困惑。

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

Answer 1

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