Drawing and interaction Native Qt

Gradient

Gradient is a native Zui component in the drawing and interaction catalog, with 21 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

gradient %w[#b7ff5a #66e3ff #a88bff], stops: [0.0, 0.55, 1.0], type: :linear, width: 420, height: 180, angle: 20, radius: 18

API

Component properties

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

colorsColors configuration for Gradient.property

stopsStops configuration for Gradient.property

typeType configuration for Gradient.property

widthWidth configuration for Gradient.property

heightHeight configuration for Gradient.property

start_xStart x configuration for Gradient.property

start_yStart y configuration for Gradient.property

end_xEnd x configuration for Gradient.property

end_yEnd y configuration for Gradient.property

center_xCenter x configuration for Gradient.property

center_yCenter y configuration for Gradient.property

focal_xFocal x configuration for Gradient.property

focal_yFocal y configuration for Gradient.property

center_radiusCenter radius configuration for Gradient.property

focal_radiusFocal radius configuration for Gradient.property

angleAngle configuration for Gradient.property

radiusRadius configuration for Gradient.property

strokeStroke configuration for Gradient.property

stroke_widthStroke width configuration for Gradient.property

antialiasingAntialiasing configuration for Gradient.property

visibleVisible configuration for Gradient.property

Show 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