zui docs v0.0.5
GitHub ↗
Drawing and interaction Native Qt

Path

Path is a native Zui component in the drawing and interaction catalog, with 17 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
path "M 20 120 C 90 20, 180 20, 250 120", width: 280, height: 150, stroke: "#b7ff5a", fill: "transparent", stroke_width: 3
API

Component properties

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

dataData configuration for Path.property
widthWidth configuration for Path.property
heightHeight configuration for Path.property
strokeStroke configuration for Path.property
fillFill configuration for Path.property
stroke_widthStroke width configuration for Path.property
capCap configuration for Path.property
joinJoin configuration for Path.property
fill_ruleFill rule configuration for Path.property
dash_patternDash pattern configuration for Path.property
dash_offsetDash offset configuration for Path.property
scaleScale configuration for Path.property
preferred_rendererPreferred renderer configuration for Path.property
asynchronousAsynchronous configuration for Path.property
contains_modeContains mode configuration for Path.property
antialiasingAntialiasing configuration for Path.property
visibleVisible configuration for Path.property
Show 13 shared item properties
enabledopacityrotationzfill_widthfill_heightpreferred_widthpreferred_heightminimum_widthminimum_heightmaximum_widthmaximum_heightlayout_alignment
Interaction

Events

Subscribe with on widget, :event and keep behavior in Ruby.

statusNative event payload
clickNative event payload
hoverNative event payload