Animation, state, and timing Native Qt

State Group

State Group 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: 120, height: 80, color: "#3a3a42"
state_group tile, current: :active, states: [{ name: :idle, properties: { opacity: 0.5 } }, { name: :active, properties: { opacity: 1.0, scale: 1.05 } }], revision: 1

API

Component properties

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

targetTarget configuration for State Group.property

currentCurrent configuration for State Group.property

statesStates configuration for State Group.property

revisionRevision configuration for State Group.property

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

↗changeNative event payload