QT - Quick时间线

Qt Quick Timeline模块可启用基于关键帧的动画和参数化。Qt Design Studio和Qt Quick Designer直接支持该模块，并带有时间线编辑器以创建基于关键帧的动画。

入门

要将QML类型导入到您的应用程序中，请在.qml文件中使用以下import语句：

    import QtQuick.Timeline 1.0

时间线可用于为项目设置动画并定义其行为。在特定时间点只能激活一个时间轴。
动画项目属性使它们的值可以在中间值之间移动，而不是立即更改为目标值。例如，要在场景中移动项目，可以对控制项目位置x和y的属性进行动画处理，以使项目的位置在到达目标位置的途中在关键帧处发生变化。同样，您可以在关键帧处更改项目的颜色和比例属性，以使其看起来越来越近。

Qt Design Studio和Qt Quick Designer包含一个时间线编辑器，用于创建基于关键帧的动画。

Qt Quick允许您在State对象中声明各种UI状态。这些状态由基本状态的属性更改组成，并且可以是组织UI逻辑的有用方法。过渡是可以与项目关联的对象，以定义其属性由于状态变化而变化时的动画效果。您可以将时间轴动画绑定到Qt Design Studio和Qt Quick Designer中的状态。

Keyframe

说明

时间轴上关键帧的值。
缓动曲线可以附加到关键帧。

属性

• easing : var
  附加到关键帧的缓动曲线。
• frame : double
  关键帧在时间轴上的位置。
• value : var[]
  关键帧的值。

信号

• easingCurveChanged()
  当附加到关键帧的缓动曲线发生变化时，将发出此信号。

关键帧组(KeyframeGroup)

说明

关键帧组包含项目特定属性的所有关键帧，并且始终属于时间轴。

属性

• [read-only]keyframes : list
  属于关键帧组的关键帧列表。
• property : string
  关键帧组定位的属性。
  target : var[]
  关键帧组定位的项目。

Timeline

说明

指定带有一系列关键帧的时间轴，这些关键帧包含对象属性的值。时间轴允许根据关键帧及其缓动曲线来指定项目的值。

时间轴既可以用于动画，也可以控制项目的行为。

例如，可以创建一个进度条，其中当前帧反映进度。

属性

• [read-only]animations : list
  时间轴附带的动画列表。
• currentFrame : double[]
  时间轴上的当前关键帧。当前关键帧可以设置为动画或可以对其进行绑定。使用绑定可以控制组件的行为。
• enabled : bool[]
  时间轴是否启用。
  禁用时间轴后，所有项目都将具有其常规值。启用时间轴后，项目的值由当前帧和关键帧确定。
  在特定时间只有一个时间轴处于活动状态。
• endFrame : double
  时间轴的结尾。
• [read-only]keyframes : list
  此属性包含附加到时间轴的关键帧组。每个关键帧组都包含特定项目和属性的关键帧列表。
• startFrame : double
  时间轴的开始。

TimelineAnimation

说明

指定如何设置时间轴的当前帧属性的动画。这会设置时间轴目标对象的属性的动画。

属性

• pingPong : bool
  动画结束后是否向后播放。这是创建圆形动画的简便方法。

信号

• finished()
  时间轴动画结束时将发出此信号。