如何计算正确的坐标？

Question

我需要帮助。 我有一个图片框，现在想计算图片上的给定坐标，然后在 label 中播放它们。 我怎样才能做到最好？

如图所示。 如果然后单击它上面的图像，则数据将输入到列表框中。

谢谢您的帮助。

我的图片在这里： https://prnt.sc/puxyu6

Answer 1

在 WPF 中，这可能是最难的一次。 WPF/UWP 是为 MVVM 设计的，除了在 MVVM 之外编程的初学者，我不认识任何人。 而且我想不出用 MVVM 来做到这一点。

PictureBox 也是 WinForms 元素。 WPF 等效项称为Image 。

像这样的导航辅助设备不是一件小事。 数量如此之少的原因之一。 但这归结为几个步骤：

1. 获取单击的 x 和 y 像素坐标，也与图像的整体显示大小相关。 通常，MouseClick 事件将是实现此目的的工具，但我找不到它。 MouseDown 或 LeftMouseDown 是最接近的事件。

2. 如果整个图像没有缩放或裁剪，现在只是简单的数学运算。 如果它是 X 轴的 20% 和 Y 轴的 21%，那么很容易找出 SourceImage 上 X 轴的 20% 和 Y 轴的 21%。

3. 如果有任何缩放或裁剪，则必须考虑到这一点，否则为 2。

4. 将图像像素 position 与您知道的坐标相等。

第 1 部分看起来像这样，需要使用 Image 的 MouseDown 或 LeftMouseDown 事件进行注册：

private void ContentControl_MouseDown(object sender, System.Windows.Input.MouseButtonEventArgs e)
{
  //Unpack the sender
  Image source = (Image)Sender;

  //Get the click point
  Point clickPoint = e.GetPosition(source);

  //There is more then 1 height Property in WPF. 
  //The Actuall one is what you are looking for
  //Unfortunately you get doubles for this and int for the other. Consider general advise regarding double math
  double ElementHeight = source.ActualHeight;
  double ElementWidth = source.ActualWidth;

  //Do what you need to find the relative position

  //Part 2
}

希望其他人能给你一个更好的答案。