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

Color Animation

Color Animation is a native Zui component in the animation, state, and timing catalog, with 11 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"
color_animation tile, property: :color, from: "#66e3ff", to: "#b7ff5a", duration: 320, running: true
API

Component properties

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

targetTarget configuration for Color Animation.property
propertyProperty configuration for Color Animation.property
fromFrom configuration for Color Animation.property
toTo configuration for Color Animation.property
durationDuration configuration for Color Animation.property
delayDelay configuration for Color Animation.property
easingEasing configuration for Color Animation.property
loopsLoops configuration for Color Animation.property
runningRunning configuration for Color Animation.property
pausedPaused configuration for Color Animation.property
visibleVisible configuration for Color 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