使用onMouseMove事件时DrawingVisual跟随光标的性能问题



我正忙于一个小型应用程序,当光标悬停在画布上时,我想在其中的光标位置显示信息。有问题的画布是一个自定义画布(继承自Canvas),它提供了添加DrawingVisuals的功能(基本上在每个关于在画布上显示大量几何形状的教程中都有显示)。

我想显示一条垂直线和水平线,以及直接从画布坐标(v)导出的局部坐标(下面代码中的p)。目前,我在位置(0,0)渲染这些对象,并在OnMouseMove事件期间使用偏移量来更新它们的位置。

水平线和垂直线在DrawingVisual_cursor中渲染,位置在_info中的局部y、z坐标中渲染。

private void oCanvas_MouseMove(object sender, MouseEventArgs e)
    {
        #region 1. Get location data
        System.Windows.Vector v = (System.Windows.Vector)e.GetPosition(oCanvas);
        // point in YZ coordinates
        BSMath.DoubleXY p = new BSMath.DoubleXY();
        p.X = (oCanvas.OriginY - v.Y) / oCanvas.ZoomFactor;
        p.Y = (oCanvas.OriginX - v.X) / oCanvas.ZoomFactor;
        #endregion
        #region 2. Update cursor and info
        if (oSettings.ShowInformation)
        {
            _info.Info = p.X.ToString("0.0") + "  |  " + p.Y.ToString("0.0");
            _info.Render(0, 0);
            _info.Visual.Offset = v;
        }            
        // move cursor
        _cursor.Visual.Offset = v;
    }

使用mousemove事件似乎会产生大量开销,我可以看到,当我快速移动鼠标时,跟踪鼠标移动会出现问题。

有人能推荐一种更好的方法来创造同样的效果吗?

示例http://www.iccg.be/test/images/canvas.jpg

编辑:我进一步研究了一下,当画布的分辨率更大时,问题似乎就会出现。如果它是一个600x400的画布,那么就没有延迟,但当它大约是1000x800时,我在吸尘时会遇到延迟的问题。如果我使用用户绘制的十字光标而不是具有画布全宽/全高的线,则性能也会提高。

我最近构建了类似的东西,没有任何性能问题。用一种非常简单的方法,直接在画布上添加这些东西。绘制的项目位于鼠标位置画布后面的第二个画布中。两者都位于网格中。这当然不是解决这个问题的最复杂的方法,但对我来说效果很好

这是代码:

private Point _previous;
private Point _current;
private Line _xLine;
private Line _yLine;
private TextBlock _displayTextBlock;
private void Canvas_MouseMove(object sender, MouseEventArgs e)
{
  _current = e.GetPosition(myCanvas);
  if (_previous != _current)
  {
    if (_xLine == null)
    {
      _xLine = new Line() {X1 = 0, X2 = myCanvas.ActualWidth, Stroke = new SolidColorBrush(Colors.Black)};
      _yLine = new Line() {Y1 = 0, Y2 = myCanvas.ActualHeight, Stroke = new SolidColorBrush(Colors.Black)};
      _displayTextBlock = new TextBlock();
      myCanvas.Children.Add(_xLine);
      myCanvas.Children.Add(_yLine);
      myCanvas.Children.Add(_displayTextBlock);
    }
    _displayTextBlock.SetValue(Canvas.TopProperty, _current.Y);
    _displayTextBlock.SetValue(Canvas.LeftProperty, _current.X);
    _displayTextBlock.Text = _current.X.ToString() + " | " + _current.Y.ToString();
    _xLine.Y1 = _current.Y;
    _xLine.Y2 = _current.Y;
    _yLine.X1 = _current.X;
    _yLine.X2 = _current.X;
    _previous = _current;
  }
}

最新更新