Animation, state, and timing Native Qt

Path Animation

Path Animation is a native Zui component in the animation, state, and timing catalog, with 12 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

dot = circle 10, fill: "#b7ff5a", width: 20, height: 20

motion = path_animation dot,
  path: "M 20 120 C 120 10, 240 230, 360 120",
  orientation: :right_first,
  duration: 1_800,
  running: true

on motion, :finish do
  puts "Path animation finished"
end

API

Component properties

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

targetTarget configuration for Path Animation.property

pathPath configuration for Path Animation.property

orientationOrientation configuration for Path Animation.property

anchor_xAnchor x configuration for Path Animation.property

anchor_yAnchor y configuration for Path Animation.property

durationDuration configuration for Path Animation.property

delayDelay configuration for Path Animation.property

easingEasing configuration for Path Animation.property

loopsLoops configuration for Path Animation.property

runningRunning configuration for Path Animation.property

pausedPaused configuration for Path Animation.property

visibleVisible configuration for Path 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