Drawing and interaction
Native Qt
Circle
Circle is a native Zui component 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.
circle 64, center_x: 80, center_y: 80, width: 160, height: 160, stroke: "#b7ff5a", fill: "#b7ff5a22", stroke_width: 3
API
Component properties
15 component-specific values, plus shared item and layout properties.
center_xCenter x configuration for Circle.propertycenter_yCenter y configuration for Circle.propertyradiusRadius configuration for Circle.propertystart_angleStart angle configuration for Circle.propertysweep_angleSweep angle configuration for Circle.propertywidthWidth configuration for Circle.propertyheightHeight configuration for Circle.propertystrokeStroke configuration for Circle.propertyfillFill configuration for Circle.propertystroke_widthStroke width configuration for Circle.propertycapCap configuration for Circle.propertydash_patternDash pattern configuration for Circle.propertydash_offsetDash offset configuration for Circle.propertyantialiasingAntialiasing configuration for Circle.propertyvisibleVisible configuration for Circle.propertyShow 14 shared item properties
enabledopacityscalerotationzfill_widthfill_heightpreferred_widthpreferred_heightminimum_widthminimum_heightmaximum_widthmaximum_heightlayout_alignment
Interaction
Events
Subscribe with on widget, :event and keep behavior in Ruby.
↗
clickNative event payload↗
hoverNative event payload