Animation, state, and timing Native Qt

State

State is a native Zui component in the animation, state, and timing catalog, with 8 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: 120, height: 80, color: "#3a3a42"
state :active, target: tile, properties: { color: "#b7ff5a", scale: 1.05 }, revision: 1

API

Component properties

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

targetTarget configuration for State.property

nameName configuration for State.property

whenWhen configuration for State.property

propertiesProperties configuration for State.property

restore_entry_valuesRestore entry values configuration for State.property

extendExtend configuration for State.property

revisionRevision configuration for State.property

visibleVisible configuration for State.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.

↗enterNative event payload

↗exitNative event payload

↗changeNative event payload