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.
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.propertytargetTarget configuration for Drag Area.propertyaxisAxis configuration for Drag Area.propertyminimum_xMinimum x configuration for Drag Area.propertymaximum_xMaximum x configuration for Drag Area.propertyminimum_yMinimum y configuration for Drag Area.propertymaximum_yMaximum y configuration for Drag Area.propertysnap_xSnap x configuration for Drag Area.propertysnap_ySnap y configuration for Drag Area.propertythresholdThreshold configuration for Drag Area.propertycursorCursor configuration for Drag Area.propertyreset_revisionReset revision configuration for Drag Area.propertywidthWidth configuration for Drag Area.propertyheightHeight configuration for Drag Area.propertyvisibleVisible configuration for Drag Area.propertyShow 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