具有“速度”和“速度”的 QML 动画和无限“循环”

Question

我正在尝试制作一个动画，在其中指定速度（而不是持续时间）并且永远循环。我想出了两个不起作用的示例：

FirstTry.qml

import Qt 4.7

Rectangle {
  width: 100; height: 100
  Text {
    text: "hello"
    NumberAnimation on x {
      to: 50;
      loops: Animation.Infinite;
      duration: 50 * Math.abs(to - from)
    }
  }
}

当 hello 在屏幕上发疯时，我收到以下运行时警告（这很公平）。

QDeclarativeExpression: Expression "(function() { return 50 * Math.abs(to - from) })" depends on non-NOTIFYable properties: 
    QDeclarativeNumberAnimation::to
    QDeclarativeNumberAnimation::from

SecondTry.qml

import Qt 4.7

Rectangle {
  width: 100; height: 100
  Text {
    text: "hello"
    SmoothedAnimation on x {
      to: 50;
      loops: Animation.Infinite;
      velocity: 50
    }
  }
}

这更加神秘——SmoothedAnimation 根本拒绝循环！动画运行一次，然后就这样了。

所以我有以下问题：

是否有合法的方法来指定第一个示例中的速度？我知道 SmoothedAnimation 是从 NumberAnimation 派生的，所以也许它可以在 QML 中实现，而不仅仅是在 C++ 中。

有没有办法让 SmoothedAnimation 循环？第二个示例不起作用，是错误还是我遗漏了某些内容？

有没有其他方法可以同时实现这两种行为？

Answer 1

只需显式添加“from”参数：

import Qt 4.7

Rectangle {
  width: 100; height: 100
  Text {
    text: "hello"
    NumberAnimation on x {
      from: 0;
      to: 50;
      loops: Animation.Infinite;
      duration: 50 * Math.abs(to - from)
    }
  }
}

Answer 2

这是我作为临时解决方案所做的，我不确定它是否足够，但它似乎正在做我需要的事情。

SmoothedAnimation on x {
  to: 50;
  //loops: Animation.Infinite;
  velocity: 50
  onComplete: { restart (); }
}

不过，我仍然对问题的答案感兴趣。

Answer 3

即使SmoothedAnimation不接受loops参数，您也可以将其放置在SequentialAnimation内并将loops应用于此外部覆盖。作为效果，您的平滑动画将连续播放。