WPF 翻译转换

Question

我尝试使用 TranslateTransform 类在 Y 轴上的网格上移动图像。我需要这个运动平滑，所以我不能使用 SetMargin 或 SetCanvas。我在后面的代码中尝试这样做：

public void MoveTo(Image target, double oldY, double newY)
{
    var trans = new TranslateTransform();
    var anim2 = new DoubleAnimation(0, newY, TimeSpan.FromSeconds(2))
                    {EasingFunction = new SineEase()};
    target.RenderTransform = trans;
    trans.BeginAnimation(TranslateTransform.YProperty, anim2);
}

我想要使用的对象（图像控件）放置在网格上。 第一次一切正常。 当我尝试使用相同的函数再次移动对象时，问题就出现了。 对象（图像控件）首先移动到起始位置（初始 Y 坐标），然后动画开始。

难道 TranslateTransform 不应该也改变坐标（在我的例子中是 Margin 属性）吗？

谢谢。

Answer 1

变换不会改变原始值。它们是您的原点。如果您每次移动时都想要一个新的原点，您可以处理动画完成事件。或者从您的变换中，您可以获得当前的偏移量并将其作为动画的新起点。

换句话说，你的起始价值观永远是你走向价值观的最后一步

Answer 2

TranslateTransform 是一种特定类型的渲染转换。它不会更改控件的属性（例如 Margin 属性），而只会影响控件在屏幕上的显示方式。

Answer 3

您必须使用 DoubleAnimation 的 By 属性。
尝试一下：

//everytime you execute this anmation your object will be moved 2.0 further
double offset = 2.0 
var anim2 = new DoubleAnimation(newY, TimeSpan.FromSeconds(2));
anim2.To = null;
anim2.By = offset;

Answer 4

您已经明确告诉动画从 0 开始。它正在执行您告诉它的操作。
只需删除显式的零fromvalue，一切都会正常。

var anim2 = new DoubleAnimation(newY, TimeSpan.FromSeconds(2)) 
                { EasingFunction = new SineEase() };