创建时间线动画

您可以通过指定关键帧在中间值进行线性插值来创建时间线和基于关键帧的动画，而不是立即更改到目标值。

您还可以将时间线绑定到组件的属性值，例如滑块，并以此方式控制动画。

创建动画

要创建动画，无论是关键帧动画还是绑定到属性值的动画，您首先需要创建一个时间线。

要为 UI 组件创建时间线

在时间线视图中，选择 (添加时间线) 按钮，以便在 时间线设置 对话框中指定时间线设置和运行动画。
在 时间线设置 选项卡中
- 在 时间线 ID 字段中，输入描述时间线的 ID。
- 在 起始帧 字段中，设置时间线的第一帧。允许负值。
- 在 结束帧 字段中，设置时间线的最后一帧。
在 动画设置 选项卡中
- 在 动画 ID 字段中，输入动画的 ID。
- 可选。选中 在基本状态下运行 复选框，在应用基本状态时运行动画。清除复选框，以其他状态应用时运行动画。有关更多信息，请参阅将动画绑定到状态。
- 在 起始帧 字段中，设置动画的第一帧。
- 在 结束帧 字段中，设置动画的最后一帧。
- 在 持续时间 字段中，设置动画的长度（以毫秒为单位）。
- 可选。选中连续复选框，以无限循环的方式播放动画。
- 可选。在 循环次数 字段中，设置运行动画的次数。默认循环次数为一，这意味着您必须重新启动动画才能再次看到它。
- 可选。选择乒乓球复选框，当动画到达末尾时，可倒放回到开始。
- 可选。在完成字段中，选择动画结束时过渡到哪种状态。
选择关闭关闭对话框并保存设置。

现在，为时间轴和动画设置好参数后，您可以设置动画属性的关键帧。

您可以创建多个时间轴。多个时间轴的目的是在不同的状态下使用不同的时间轴。

为了创建第二个状态的时间轴

要设置您创建的时间轴的关键帧值，首先在状态中选中状态，在时间轴中即可看到该时间轴。

当您创建时间轴时，Qt Design Studio会为该时间轴创建一个动画。您可以为时间轴创建任意多的动画。例如，您可以创建仅运行时间轴一小部分的动画，或者倒放时间轴。

要在时间轴视图中动画组件，您需要为要动画化的属性设置关键帧值。Qt Design Studio会自动在两个关键帧之间添加关键帧，并将它们的值均匀设置以创建，例如，移动或变换。

要为组件属性设置关键帧值

当您将时间轴绑定到组件属性时，动画的当前帧由该属性的值控制。

在这个例子中，您将时间轴绑定到滑块组件。

创建时间轴并设置了关键帧值后

从组件拖动滑块到2D或导航器视图中。
在导航器中，选择slid并在属性中设置
- 到为1000。
  
  注意：若要使用滑块完全控制动画，滑块的从和到值应与时间轴的开始帧和结束帧值相匹配。
在时间轴设置对话框中，选择动画设置选项卡旁边的以删除动画。如果您有多个动画，删除所有的。
在表达式绑定中，输入slider.value。