WPF触摸移动TextBlock出现闪烁问题，求解决方法

我来帮你搞定这个触摸移动时的闪烁问题！这种情况通常是因为触摸事件的处理逻辑不够稳定，加上UI频繁重绘导致的，咱们一步步来修复：

问题根源分析 #

你的代码里，触摸移动时依赖OriginalSource判断，而且没有捕获触摸设备，这会导致触摸事件触发不稳定；另外每次移动都直接修改Canvas.Left/Top，会让UI频繁重绘，而触摸操作的事件频率比鼠标高，就更容易出现闪烁。

具体修复方案 #

1. 捕获触摸设备，稳定事件响应 #

首先在触摸按下时捕获触摸设备，确保后续的移动事件只响应当前触摸，避免干扰：

private void TextBlock_PreviewTouchDown(object sender, TouchEventArgs e) 
{
    point = e.GetTouchPoint(this).Position;
    // 把触摸设备捕获到TextBlock，确保后续移动事件只关联这个触摸
    e.TouchDevice.Capture(textBlock);
}

然后添加触摸抬起的事件，释放捕获：

// 在构造函数里绑定事件
textBlock.PreviewTouchUp += TextBlock_PreviewTouchUp;

// 释放触摸捕获
private void TextBlock_PreviewTouchUp(object sender, TouchEventArgs e) 
{
    e.TouchDevice.Capture(null);
}

2. 优化触摸移动的逻辑，避免偏移累积 #

修改触摸移动的处理逻辑，基于捕获的触摸设备判断，同时更新基准点，避免移动时的偏移误差：

private void Can_PreviewTouchMove(object sender, TouchEventArgs e) 
{
    // 只处理被当前TextBlock捕获的触摸
    if (e.TouchDevice.Captured == textBlock) 
    {
        var currentPos = e.GetTouchPoint(this).Position;
        // 计算新的位置
        Canvas.SetLeft(grid, currentPos.X - point.X);
        Canvas.SetTop(grid, currentPos.Y - point.Y);
        // 更新基准点，确保下次移动的偏移正确
        point = new Point(currentPos.X - Canvas.GetLeft(grid), currentPos.Y - Canvas.GetTop(grid));
    }
}

3. 启用UI缓存，减少重绘闪烁 #

给承载TextBlock的Grid添加缓存机制，让WPF把它渲染成位图，移动时只需要移动位图，不用频繁重绘内部元素：

Grid grid = new Grid() { 
    Height=150,
    Width=100,
    Background=Brushes.Yellow,
    // 添加缓存，提升渲染性能
    CacheMode = new BitmapCache() 
};

4. 禁用系统触摸手势（可选） #

如果以上步骤还没解决，可能是系统自带的触摸手势（比如平移）和你的自定义操作冲突，在窗口构造函数里禁用系统触摸手势：

public MainWindow() 
{
    InitializeComponent();
    // 禁用系统触摸手势，避免干扰自定义移动
    Touch.FrameReported += (s, args) => args.Handled = true;
    
    // 原有代码...
    grid.Children.Add(textBlock);
    can.Children.Add(grid);
    Canvas.SetLeft(grid, 0);
    Canvas.SetTop(grid, 0);
    textBlock.PreviewMouseDown += TextBlock_PreviewMouseDown;
    textBlock.PreviewTouchDown += TextBlock_PreviewTouchDown;
    textBlock.PreviewTouchUp += TextBlock_PreviewTouchUp; // 别忘了加这个
    can.PreviewMouseMove += Can_PreviewMouseMove;
    can.PreviewTouchMove += Can_PreviewTouchMove;
    m_grid.Children.Add(can);
}

把这些修改加进去后，触摸移动的稳定性会大大提升，闪烁问题应该就能解决了！

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