Animation, state, and timing
Native Qt
Transition
Transition is a native Zui component in the animation, state, and timing catalog, with 10 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.
tile = rectangle width: 80, height: 80, color: "#b7ff5a"
transition tile, from_state: :idle, to_state: :active, animations: [{ type: :number, property: :scale, from: 0.9, to: 1.0, duration: 240 }], running: true
API
Component properties
10 component-specific values, plus shared item and layout properties.
targetTarget configuration for Transition.propertyfrom_stateFrom state configuration for Transition.propertyto_stateTo state configuration for Transition.propertyanimationsAnimations configuration for Transition.propertyloopsLoops configuration for Transition.propertyrunningRunning configuration for Transition.propertypausedPaused configuration for Transition.propertyenabledEnabled configuration for Transition.propertyrevisionRevision configuration for Transition.propertyvisibleVisible configuration for Transition.propertyShow 15 shared item properties
opacityscalerotationzwidthheightfill_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