zui docs v0.0.5
GitHub ↗
Animation, state, and timing Native Qt

Parallel Animation

Parallel 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"
parallel_animation [{ type: :number, target: tile, property: :scale, from: 0.8, to: 1.0, duration: 280 }, { type: :number, target: tile, property: :opacity, from: 0.2, to: 1.0, duration: 280 }], running: true
API

Component properties

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

animationsAnimations configuration for Parallel Animation.property
loopsLoops configuration for Parallel Animation.property
runningRunning configuration for Parallel Animation.property
pausedPaused configuration for Parallel Animation.property
visibleVisible configuration for Parallel 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
running_changeNative event payload