Effects
Container
Native Qt
Multi Effect
Multi Effect is a native Zui container in the effects catalog, with 31 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.
multi_effect brightness: 0.05, saturation: 1.15, blur_enabled: true, blur: 0.25, shadow_enabled: true, shadow_opacity: 0.35 do
image "assets/product.png", width: 420, height: 280
end
API
Component properties
31 component-specific values, plus shared item and layout properties.
widthWidth configuration for Multi Effect.propertyheightHeight configuration for Multi Effect.propertybrightnessBrightness configuration for Multi Effect.propertycontrastContrast configuration for Multi Effect.propertysaturationSaturation configuration for Multi Effect.propertycolorizationColorization configuration for Multi Effect.propertycolorization_colorColorization color configuration for Multi Effect.propertyblur_enabledBlur enabled configuration for Multi Effect.propertyblurBlur configuration for Multi Effect.propertyblur_maxBlur max configuration for Multi Effect.propertyblur_multiplierBlur multiplier configuration for Multi Effect.propertyshadow_enabledShadow enabled configuration for Multi Effect.propertyshadow_opacityShadow opacity configuration for Multi Effect.propertyshadow_blurShadow blur configuration for Multi Effect.propertyshadow_horizontal_offsetShadow horizontal offset configuration for Multi Effect.propertyshadow_vertical_offsetShadow vertical offset configuration for Multi Effect.propertyshadow_colorShadow color configuration for Multi Effect.propertyshadow_scaleShadow scale configuration for Multi Effect.propertymask_enabledMask enabled configuration for Multi Effect.propertymask_sourceMask source configuration for Multi Effect.propertymask_threshold_minMask threshold min configuration for Multi Effect.propertymask_spread_at_minMask spread at min configuration for Multi Effect.propertymask_threshold_maxMask threshold max configuration for Multi Effect.propertymask_spread_at_maxMask spread at max configuration for Multi Effect.propertymask_invertedMask inverted configuration for Multi Effect.propertyauto_paddingAuto padding configuration for Multi Effect.propertypadding_leftPadding left configuration for Multi Effect.propertypadding_topPadding top configuration for Multi Effect.propertypadding_rightPadding right configuration for Multi Effect.propertypadding_bottomPadding bottom configuration for Multi Effect.propertyvisibleVisible configuration for Multi Effect.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.
↗
shader_changeNative event payload