Animation, state, and timing Native Qt

Sequential Animation

Sequential Animation is a native Zui component in the animation, state, and timing catalog, with 5 component-specific properties.

Usage

Ruby example

Paste this complete Builder example inside the app surface from the Quickstart. Replace illustrative asset paths with files from your project.

Ruby

tile = rectangle width: 80, height: 80, color: "#b7ff5a"
sequential_animation [{ type: :number, target: tile, property: :x, from: 0, to: 180, duration: 320 }, { type: :pause, duration: 120 }, { type: :number, target: tile, property: :x, from: 180, to: 0, duration: 320 }], running: true

API

Component properties

5 component-specific values, plus shared item and layout properties.

animationsAnimations configuration for Sequential Animation.property

loopsLoops configuration for Sequential Animation.property

runningRunning configuration for Sequential Animation.property

pausedPaused configuration for Sequential Animation.property

visibleVisible configuration for Sequential Animation.property

Show 16 shared item properties

enabledopacityscalerotationzwidthheightfill_widthfill_heightpreferred_widthpreferred_heightminimum_widthminimum_heightmaximum_widthmaximum_heightlayout_alignment

Interaction

Events

Subscribe with on widget, :event and keep behavior in Ruby.

↗startNative event payload

↗stopNative event payload

↗finishNative event payload

↗stepNative event payload

↗running_changeNative event payload