WPF 渲染转换行为异常

Question

我在 WPF 中的渲染转换中遇到了一个奇怪的问题。我正在开发的项目需要在图像上显示单击的用户点。当用户单击某个点时，自定义控件将放置在其单击的位置。然后，图像应该能够使用鼠标滚轮围绕任何点缩放，并且自定义控件应该平移（不缩放）到正确的位置。

为此，我遵循 MouseWheel 事件，如下所示：

private void MapPositioner_MouseWheel(object sender, MouseWheelEventArgs e)
{   
    Point location = Mouse.GetPosition(MainWindow.Instance.imageMap);

    MainWindow.Instance.imageMap.RenderTransform = null;

    ScaleTransform st = new ScaleTransform(scale + (e.Delta < 0 ? -0.2 : 0.2), scale += (e.Delta < 0 ? -0.2 : 0.2));
    st.CenterX = location.X;
    st.CenterY = location.Y;


    TransformGroup tg = new TransformGroup();
    tg.Children.Add(st);
    //tg.Children.Add(tt);

    MainWindow.Instance.imageMap.RenderTransform = tg;

    if (scale <= 1)
    {
        MainWindow.Instance.imageMap.RenderTransform = null;
    }

    if (TransformationChanged != null)
        TransformationChanged();
}

然后，我在自定义控件中为上述代码块末尾处看到的 TransformationChanged 事件实现了一个事件处理程序，如下所示：

private void Instance_TransformationChanged()
    {
        //check image coords
        //
        if (MainWindow.Instance.imageMap.RenderTransform != null)
        {
            if (MainWindow.Instance.imageMap.RenderTransform != Transform.Identity)
            {
                Transform st = MainWindow.Instance.imageMap.RenderTransform;

                Point image = MainWindow.VideoOverlayCanvas.TransformToVisual(MainWindow.Instance.MapImage).Transform(loc2);

                Point trans = st.Transform(image);

                Point final = MainWindow.Instance.MapImage.TransformToVisual(MainWindow.VideoOverlayCanvas).Transform(trans);

               // selected = anchor2;
               // final = ClipToOverlay(final);
               // selected = null;

                connector.X2 = final.X;
                connector.Y2 = final.Y;

                Canvas.SetLeft(anchor2, final.X);
                Canvas.SetTop(anchor2, final.Y);                    
            }
        }
        else
        {
            connector.X2 = loc2.X;
            connector.Y2 = loc2.Y;

            Canvas.SetLeft(anchor2, loc2.X);
            Canvas.SetTop(anchor2, loc2.Y);
        }
    }

这样，我可以确保仅在设置新变换后才更新自定义控件的位置。请注意，由于我将变换应用于该点，因此没有对控件进行缩放，其效果是它被平移到它应该的点。只要用户仅围绕一个点进行缩放，这种方法就可以正常工作。如果他们改变这一点，那就行不通了。 以下是显示该问题的一些图片：

用户点击点

用户缩小，这里发生了什么？

缩小后（在本例中是完全缩小），看起来不错< /a>

我已经搞乱了大约两天，所以如果我的代码看起来很混乱，我深表歉意。我知道这是一个相当晦涩的问题，因此我们将不胜感激。

谢谢， 最大限度

Answer 1

如果有人正在寻找这个问题的答案，由于截止日期的原因，我必须编写一个解决方法，让用户用鼠标右键平移并用鼠标滚轮缩放。通过这种方式，缩放始终发生在图像中心周围，因此控件始终对齐。我仍在寻找原始问题的答案，如果有人能解决的话，

谢谢，

麦克斯

Answer 2

我不确定你的转换出了什么问题，但你是否考虑过另一种方法？例如，您可能想要添加一个透明画布集，以保持与图像相同的大小、图像上方的 z 顺序（显式设置或仅将 Canvas 元素放在图像元素后面）。然后，您可以使用 Canvas.SetLeft 和 Canvas.SetTop 将用户控件放置在用户单击的位置，并移动它。比使用转换要容易得多。