Canvas控件拖拽移动后如何保存并恢复位置？

你之前用TranslateTransform实现拖拽后，直接把transform的X/Y赋值给Canvas.Left/Top无效，核心原因是RenderTransform是在控件布局完成后做的视觉偏移，并不会修改Canvas本身的布局属性。换句话说，Canvas.Left/Top记录的是控件的原始布局位置，而TranslateTransform是叠加在这个位置上的偏移，直接赋值自然不对。

下面给你两种可行的解决方案，推荐第一种，更贴合Canvas的布局逻辑：

方案一：直接操作Canvas.Left/Top实现拖拽（推荐） #

这种方式直接修改控件在Canvas上的布局属性，保存和恢复都非常直观，也能准确获取控件的实际位置。

修改你的拖拽代码如下：

protected bool isDragging;
// 记录鼠标点击点相对于TextBlock内部的位置（避免拖拽时控件跳变）
private Point clickOffset;

private void txt_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    isDragging = true;
    var txt = sender as TextBlock;
    if (txt == null) return;
    
    // 获取鼠标在TextBlock自身坐标系中的位置
    clickOffset = e.GetPosition(txt);
    txt.CaptureMouse();
}

private void txt_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
{
    isDragging = false;
    var txt = sender as TextBlock;
    txt?.ReleaseMouseCapture();
    
    // 保存当前位置到本地配置（这里用Settings举例，你也可以用文件/注册表等）
    if (txt != null)
    {
        double currentLeft = Canvas.GetLeft(txt);
        double currentTop = Canvas.GetTop(txt);
        
        // 假设你已经在项目Settings里添加了TextBlockLeft和TextBlockTop两个double类型的设置项
        Properties.Settings.Default.TextBlockLeft = currentLeft;
        Properties.Settings.Default.TextBlockTop = currentTop;
        Properties.Settings.Default.Save();
    }
}

private void txt_MouseMove(object sender, MouseButtonEventArgs e)
{
    var txt = sender as TextBlock;
    if (!isDragging || txt == null) return;
    
    // 获取鼠标相对于Canvas的位置
    Point mousePos = e.GetPosition(txt.Parent as Canvas);
    
    // 计算新的布局位置：鼠标位置减去点击时在控件内的偏移
    double newLeft = mousePos.X - clickOffset.X;
    double newTop = mousePos.Y - clickOffset.Y;
    
    // 更新Canvas的布局属性
    Canvas.SetLeft(txt, newLeft);
    Canvas.SetTop(txt, newTop);
}

然后在应用启动时（比如窗口的Loaded事件）恢复位置：

private void Window_Loaded(object sender, RoutedEventArgs e)
{
    // 读取保存的位置并设置给TextBlock
    Canvas.SetLeft(txt, Properties.Settings.Default.TextBlockLeft);
    Canvas.SetTop(txt, Properties.Settings.Default.TextBlockTop);
}

方案二：继续使用TranslateTransform，保存偏移量 #

如果你坚持想用RenderTransform的方式，可以直接保存TranslateTransform的X/Y值，加载时恢复这个变换：

修改拖拽代码的保存逻辑 #

在txt_MouseLeftButtonUp方法中添加保存逻辑：

private void txt_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
{
    isDragging = false;
    var txt = sender as TextBlock;
    txt?.ReleaseMouseCapture();
    
    // 保存TranslateTransform的偏移量
    var transform = txt?.RenderTransform as TranslateTransform;
    if (transform != null)
    {
        Properties.Settings.Default.TransformX = transform.X;
        Properties.Settings.Default.TransformY = transform.Y;
        Properties.Settings.Default.Save();
    }
}

应用启动时恢复变换 #

在窗口/页面的Loaded事件中：

private void Window_Loaded(object sender, RoutedEventArgs e)
{
    // 创建并设置TranslateTransform
    var transform = new TranslateTransform
    {
        X = Properties.Settings.Default.TransformX,
        Y = Properties.Settings.Default.TransformY
    };
    txt.RenderTransform = transform;
}

注意：这种方式下，Canvas.GetLeft(txt)和Canvas.GetTop(txt)返回的还是控件的初始布局位置，不是实际显示的位置，如果你之后需要获取控件的真实坐标，需要自己计算：实际Left = Canvas.GetLeft(txt) + transform.X，所以更推荐方案一。

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