zui docs v0.0.5
GitHub ↗
Effects Container Native Qt

Colorize

Colorize is a native Zui container in the effects catalog, with 8 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
colorize width: 320, height: 220, amount: 0.8, color: "#b7ff5a", saturation: 0.9 do
  image "assets/icon.png", width: 220, height: 220
end
API

Component properties

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

widthWidth configuration for Colorize.property
heightHeight configuration for Colorize.property
amountAmount configuration for Colorize.property
colorColor configuration for Colorize.property
brightnessBrightness configuration for Colorize.property
contrastContrast configuration for Colorize.property
saturationSaturation configuration for Colorize.property
visibleVisible configuration for Colorize.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.

This renderer is display-only and does not emit component-specific events.