Applying Effects to Transitions

You can apply effects, such as fade, move, or push to transitions between flow items. A fade effect makes the first flow item appear to fade out, while the next flow item fades in. A move effect makes the second flow item appear to move in over the first flow item, while the push effect appears to make a flow item push out the previous one. You can also design and use custom effects.

The transition direction determines the direction the new flow item appears from: left, right, top, bottom. You can set the duration of the effect and attach an easing curve to the effect.

To add effects:

  1. Select a transition line in Form Editor.
  2. In the context menu, select Flow > Assign Flow Effects, and then select the effect to apply.
  3. In Properties, modify the properties of the effect.

To edit effect properties later, select a transition, and then select Flow > Select Effect in the context menu.

Flow Effect Properties

You can specify basic properties for a Flow Effect component in the Type and ID fields.

"Flow Effect properties"

You can set the duration and easing curve of all flow effects:

  • In the Duration field, specify the duration of the effect.
  • Select the button to open Easing Curve Editor for attaching an easing curve to the effect.

For a move or push effect, you can set some additional properties:

"Flow Push Effect properties"

  • In the Direction field, specify the direction that the target Flow Item appears from: left, right, top, or bottom.
  • In the Scale field, set scaling for the effect.
  • In the Incoming opacity and Outgoing opacity fields, specify the opacity of the effect as a number between 0 and 1.
  • Select the Reveal check box to reveal the Flow Item where the transition starts.

Available under certain Qt licenses.
Find out more.