- Qt Creator Documentation
- Edit animation curves
- Qt Creator 20.0.0-beta2

Create timeline animations ◦ Edit easing curves

# Edit animation curves

The Curves view shows the interpolated values of an animated property over the animation range.

When you edit an animation curve, you implicitly edit the easing curves that the underlying system uses to define an animation. The animation curve is an extension to visualize both the value of a keyframe and the interpolation between keyframes simultaneously.

## Apply interpolation between keyframes

You can use the toolbar buttons to add Linear, Step, or Spline interpolation between keyframes.

To apply interpolation between keyframes:

1. Select the keyframes. To select multiple keyframes, select and hold Ctrl, and then select them.
2. Select (Linear), (Step) or (Spline) depending on which interpolation method you want to use.

When you set interpolation to Spline, handles appear in Curves that you can use to modify the curve. Select (Unify) to lock the handle on the left of a keyframe to the one on the right of it so that moving the left handle also moves the right handle.

## Unlock properties and easing curves

If the component that contains the animated property has been locked in Navigator, you can select to unlock it. You can also lock individual easing curves for editing.

## Lock animation curves

To lock an animation curve, hover over the property in the list, and then select .

## Pin animation curves

To pin an animation curve, hover over the property in the list, and then select .

## Add keyframes to animation curves

To add keyframes to animation curves:

1. In the Timeline view, animate at least one property value by inserting keyframes for it.
2. Select View > Views > Curves to open the animation curve editor.
3. Right-click in Curves, and select Insert Keyframe to add a keyframe.
4. Select properties in the list to display the easing curves attached to them. To select multiple properties, select and hold Ctrl, and then select them.

Your changes are automatically saved when you close the view.

## Delete keyframes in curves

To delete the selected keyframe, select Delete Selected Keyframes in the context menu.

See also How to: Add animation, Qt Quick UI design, and Designing Qt Quick UIs.

Create timeline animations ◦ Edit easing curves