WPF TranslateTransform

Question

我试图使用TranslateTransform类在Y轴上的Grid上移动图像。 我需要这个运动是平稳的，所以我不能使用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

您已经明确地告诉动画从0开始。它正在按照您所说的进行操作。 只需删除显式的零fromvalue ，一切都会起作用。

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

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

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