本页内容

编辑缓和曲线

由于真实物体通常不会以恒定的速度移动,也不会瞬间启动或停止,因此缓和曲线可定义动画的进度,使运动看起来更自然。您可以添加和编辑用于非线性插值的缓和曲线,使组件在动画结束时出现加速、减速或反弹。

你可以将缓和曲线附加到

  • 时间线动画中的关键帧
  • 过渡
  • 属性动画组件实例

你可以使用Easing Curve Editor 来选择和编辑缓和曲线。

选择缓和曲线

你可以使用预设曲线,也可以通过拖动曲线手柄来修改曲线。您可以在曲线上添加点,然后拖动点和点控制柄来修改曲线。对曲线满意后,可以将其保存为自定义曲线。有关缓和曲线类型的更多信息,请参阅easing curves 的技术文档。

缓和曲线编辑器。

选择缓和曲线

  1. Presets 选项卡中选择缓和曲线。
  2. Duration (ms) 字段中,以毫秒为单位选择缓和功能的持续时间。
  3. 选择Preview 以预览曲线。
  4. 选择OK 添加缓和曲线,并返回到添加曲线的视图。

要放大或缩小缓和曲线编辑器,请使用鼠标滚轮。要重置缩放因子,请右键单击拾取器并选择Reset Zoom

时间线动画中的缓和曲线

对于时间线动画,还可以使用更高级的曲线视图,显示动画属性在动画范围内的插值。

动画曲线通过显示动画属性在动画范围内的有效值,提供了一种可读性更强的动画视图。为此,需要将动画曲线转换为缓和曲线。这将带来以下副作用:

  • 无论缓和曲线看起来如何,相同的当前关键帧值和上一关键帧值之间的插值都没有意义。
  • 有些缓和曲线无法简单地映射到动画曲线,因此会以不同的颜色绘制,并且不带手柄。

将缓和曲线附加到关键帧

将缓和曲线附加到关键帧:

  1. 右键单击Timeline 中的关键帧,然后在右键菜单中选择Easing Curve Editor
  2. 选择缓和曲线中所述,选择一条缓和曲线。

将缓和曲线附加到关键帧后,Timeline 关键帧轨迹上的关键帧标记形状将从线性关键帧标记 变为描述所选缓和曲线类型的标记。

将缓和曲线附加到转场

要将缓和曲线附加到转场:

  1. Transitions 视图中,选择曲线编辑器按钮 (Easing Curve Editor) 按钮。
  2. 选择一条缓和曲线,如选择缓和曲线中所述。

为属性动画附加缓和曲线

将缓和曲线附加到属性动画:

  1. Navigator 中,选择一个动画组件实例。
  2. Properties 中,选择曲线编辑器按钮 (Easing Curve Editor) 按钮。
  3. 选择一条缓和曲线,如选择缓和曲线中所述。

自定义缓和曲线

自定义缓和曲线:

  1. Easing Curve Editor 中,选择Presets 选项卡中的一条缓和曲线。
  2. 拖动曲线手柄修改曲线。
  3. 在编辑器中右键单击,选择Add Point 为曲线添加点。
  4. 拖动点或点控制柄来修改曲线。如果曲线无效,编辑器中的曲线会变为红色,Save 按钮也会失效。
  5. 选择Save 保存对曲线所做的更改。
  6. Name 字段中,输入自定义曲线的名称,然后选择OK ,将曲线保存在Custom 选项卡中。

要将缓和曲线定义以文本形式粘贴到Easing Curve Editor ,请选择Text 选项卡。

另请参阅 如何设计Qt Quick UIQt Quick UI 设计设计Qt Quick UI

Copyright © The Qt Company Ltd. and other contributors. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.