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

Drag Area

Drag Area is a native Zui container in the drawing and interaction catalog, with 15 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
drag_area axis: :both, minimum_x: 0, maximum_x: 360, minimum_y: 0, maximum_y: 200, width: 420, height: 260 do
  card(width: 80, height: 80) { icon :move }
end
API

Component properties

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

enabledEnabled configuration for Drag Area.property
targetTarget configuration for Drag Area.property
axisAxis configuration for Drag Area.property
minimum_xMinimum x configuration for Drag Area.property
maximum_xMaximum x configuration for Drag Area.property
minimum_yMinimum y configuration for Drag Area.property
maximum_yMaximum y configuration for Drag Area.property
snap_xSnap x configuration for Drag Area.property
snap_ySnap y configuration for Drag Area.property
thresholdThreshold configuration for Drag Area.property
cursorCursor configuration for Drag Area.property
reset_revisionReset revision configuration for Drag Area.property
widthWidth configuration for Drag Area.property
heightHeight configuration for Drag Area.property
visibleVisible configuration for Drag Area.property
Show 13 shared item properties
opacityscalerotationzfill_widthfill_heightpreferred_widthpreferred_heightminimum_widthminimum_heightmaximum_widthmaximum_heightlayout_alignment
Interaction

Events

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

clickNative event payload
double_clickNative event payload
drag_startNative event payload
dragNative event payload
drag_endNative event payload
cancelNative event payload