在Expression Blend中实现缩放

Question

在Expression Blend中，当您滚动鼠标滚轮时，屏幕上的元素将放大/缩小，并将焦点放在鼠标所在的位置。

我想在我自己的项目中实现相同的缩放比例，但是我在缩放，移动鼠标然后再次缩放后出现问题。

到目前为止，我正在使用带ScaleTransform的RenderTransform，使用鼠标坐标作为ScaleTransform的centerX和centerY。

有谁知道他们是如何在Expression Blend中做到的？

这是我迄今所做的：

private void ScrollCanvasMouseWheel(object sender, MouseWheelEventArgs e) 
    { 
     double zoomAmnt = e.Delta > 0 ? 0.2 : -0.2; 
     _scaleTransformAmount += zoomAmnt; 

     if (_scaleTransformAmount < 0.5) 
      _scaleTransformAmount = 0.5; 

     Point position = e.GetPosition(ScrollCanvas); 

     var scaleTransform = ScrollCanvas.RenderTransform as ScaleTransform; 
     if (scaleTransform == null) throw new ArgumentNullException("scaleTransform"); 

     scaleTransform.ScaleX = _scaleTransformAmount; 
     scaleTransform.ScaleY = _scaleTransformAmount; 
     scaleTransform.CenterX = position.X; 
     scaleTransform.CenterY = position.Y; 
    } 

Answer 1

那种变焦的很不错，所以我想一次实现它，它的数学是有点不可思议，我花了两天左右推测出来的东西是工作，这可能是相当丑陋的代码，但（与_变量上的变焦控制字段）：

Point cursorPos = e.GetPosition(this); 
Point newCenter = _scaleT.Inverse.Transform(_translateT.Inverse.Transform(cursorPos)); 
Point oldCenter = new Point(_scaleT.CenterX, _scaleT.CenterY); 
Vector oldToNewCenter = newCenter - oldCenter; 
_scaleT.CenterX = newCenter.X; 
_scaleT.CenterY = newCenter.Y; 
_translateT.X += oldToNewCenter.X * (_scaleT.ScaleX - 1.0); 
_translateT.Y += oldToNewCenter.Y * (_scaleT.ScaleY - 1.0); 

_scalingAnimation.From = _scaleT.ScaleX; 
if (e.Delta > 0) 
{ 
    _scalingAnimation.To = _scaleT.ScaleX * ZoomScaleChangeFactor; 
} 
else 
{ 
    _scalingAnimation.To = _scaleT.ScaleX/ZoomScaleChangeFactor; 
} 
_scaleT.BeginAnimation(ScaleTransform.ScaleXProperty, _scalingAnimation); 
_scaleT.BeginAnimation(ScaleTransform.ScaleYProperty, _scalingAnimation); 

this.ReleaseMouseCapture(); 

的变换顺序当然是很重要的：

TransformGroup tGroup = new TransformGroup(); 
tGroup.Children.Add(_scaleT); 
tGroup.Children.Add(_translateT);