TranslateTransform取消ScaleTransform

Question

我是WPF的新手，经过相当多的游戏后，我终于按照自己喜欢的方式安排了自己的控件。我有一个显示图像的矩形。鼠标滚轮用ScaleTransform动画缩放图像，鼠标单击/拖动可在屏幕上移动图像。问题是，如果我向上或向下缩放图像然后尝试移动它，它会自动将它自回缩到1（原始大小）。缩放时是否有任何方法可以将其移动？ 编辑：我尝试将ScaleTransform和TranslateTransform设置为TransformGroup，但仍然无法使用。

我遇到的另一个问题是如果图像大于父容器，它超出了界限，我尝试在父容器上设置ClipToBounds = True，但它不起作用。

代码：

private void Window_MouseWheel_1(object sender, MouseWheelEventArgs e) 
{ 
    if (e.Delta > 0) 
    { 
     ScaleTransform scaleP = new ScaleTransform(); 
     scaleP.CenterX = e.GetPosition(this).X; 
     scaleP.CenterY = e.GetPosition(this).Y; 

     rect.RenderTransform = scaleP; 

     DoubleAnimation dblAnimX = new DoubleAnimation(); 
     dblAnimX.From = scaleXFrom; 
     dblAnimX.To = scaleXTo + 0.1; 
     scaleXFrom = scaleXTo +0.1; 
     scaleXTo += 0.1; 
     Duration = new Duration(TimeSpan.FromSeconds(0.15)); 

     DoubleAnimation dblAnimY = new DoubleAnimation(); 
     dblAnimY.From = scaleYFrom; 
     dblAnimY.To = scaleYTo + 0.1; 
     scaleYFrom = scaleYTo +0.1; 
     scaleYTo += 0.1; 
     Duration = new Duration(TimeSpan.FromSeconds(0.15)); 

     scaleP.BeginAnimation(ScaleTransform.ScaleXProperty, dblAnimX); 
     scaleP.BeginAnimation(ScaleTransform.ScaleYProperty, dblAnimY); 
    } 
    else 
    { 
     ScaleTransform scaleM = new ScaleTransform(); 
     scaleM.CenterX = e.GetPosition(this).X; 
     scaleM.CenterY = e.GetPosition(this).Y; 

     rect.RenderTransform = scaleM;       

     DoubleAnimation dblAnimX = new DoubleAnimation(); 
     dblAnimX.From = scaleXFrom; 
     dblAnimX.To = scaleXTo -0.1; 
     scaleXFrom = scaleXTo -0.1; 
     scaleXTo -= 0.1; 
     dblAnimX.Duration = new Duration(TimeSpan.FromSeconds(0.15)); 

     DoubleAnimation dblAnimY = new DoubleAnimation(); 
     dblAnimY.From = scaleYFrom; 
     dblAnimY.To = scaleYTo - 0.1; 
     scaleYFrom = scaleYTo -0.1; 
     scaleYTo -= 0.1; 
     Duration = new Duration(TimeSpan.FromSeconds(0.15)); 

     scaleM.BeginAnimation(ScaleTransform.ScaleXProperty, dblAnimX); 
     scaleM.BeginAnimation(ScaleTransform.ScaleYProperty, dblAnimY); 
    } 
} 

private void rect_MouseMove_1(object sender, MouseEventArgs e) 
{ 
    if (e.LeftButton == MouseButtonState.Pressed) 
    { 
     System.Windows.Point p = e.GetPosition(this); 
     TranslateTransform tt = new TranslateTransform(); 
     tt.X = (p.X - mouseDownX); 
     tt.Y = (p.Y - mouseDownY); 

     rect.RenderTransform = tt; 

    } 
} 

Answer 1

或者你使用MatrixTransform：

var matrix = Matrix.Identity; 
matrix.Scale(1.5, 2.5); 
matrix.Translate(30, 60); 
rect.RenderTransform = new MatrixTransform(matrix); 

或者更短：

var matrix = new Matrix(1.5, 0, 0, 2.5, 30, 60); 
rect.RenderTransform = new MatrixTransform(matrix); 

甚至更​​好，省却了每次设定一个新的RenderTransform，只是更新变换矩阵：

// set RenderTransform once in constructor 
rect.RenderTransform = new MatrixTransform() 

... 

// update matrix in event handler 
((MatrixTransform)rect.RenderTransform).Matrix = new Matrix(...); 

Answer 2

我还没有适应下面的例子中，以你的情况，因为您提供的代码是很长。如果可以，请考虑只发布它的关键部分。

要结合不同类型的Transform，可以这样使用TransformGroup。

void Button_Click_1(object sender, RoutedEventArgs e) 
{ 
    var button = sender as Button; 
    var transformGroup = new TransformGroup(); 
    var scale = new ScaleTransform(1.5, 2.5); 
    var translate = new TranslateTransform(30, 60); 
    transformGroup.Children.Add(scale); 
    transformGroup.Children.Add(translate); 
    button.RenderTransform = transformGroup; 
}