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[]
关键帧的值。
信号
关键帧组(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
说明
指定如何设置时间轴的当前帧属性的动画。这会设置时间轴目标对象的属性的动画。