如何正确设置元素相对于另一元素或指针的位置？

你的代码问题在于e.Position是**相对于触发事件的控件（即sender）**的局部坐标，而Canvas.SetLeft/SetTop是设置元素相对于Canvas自身的坐标，两者坐标系不匹配，直接赋值会导致位置偏差。

正确实现方式 #

要让元素相对于指针正确定位，需要先获取指针在Canvas坐标系中的位置，再根据需求调整元素的锚点：

1. 让元素左上角对齐指针位置

private void TextBlockPressed(object sender, PointerRoutedEventArgs e)
{
    // 假设你的Canvas实例名为targetCanvas
    var canvasRelativePoint = e.GetCurrentPoint(targetCanvas);
    // 设置元素左上角与指针位置重合
    Canvas.SetLeft(element, canvasRelativePoint.Position.X);
    Canvas.SetTop(element, canvasRelativePoint.Position.Y);
}

2. 让元素中心对齐指针位置

如果需要指针落在元素中心，需要减去元素自身尺寸的一半（注意要使用ActualWidth/ActualHeight获取实际渲染后的尺寸）：

private void TextBlockPressed(object sender, PointerRoutedEventArgs e)
{
    var canvasRelativePoint = e.GetCurrentPoint(targetCanvas);
    // 计算中心对齐的偏移量
    double offsetX = canvasRelativePoint.Position.X - element.ActualWidth / 2;
    double offsetY = canvasRelativePoint.Position.Y - element.ActualHeight / 2;
    Canvas.SetLeft(element, offsetX);
    Canvas.SetTop(element, offsetY);
}

关键说明 #

• GetCurrentPoint(UIElement target)方法可以获取指针相对于目标元素（这里是Canvas）的坐标，确保坐标系统一。
• 如果元素还未完成首次布局，ActualWidth/ActualHeight可能为0，建议在元素Loaded事件触发后再进行位置计算，或者在事件中先判断尺寸是否有效。

内容的提问来源于stack exchange，提问作者miniHessel