Graphical Effects

Effects are visual items that can be added to Qt Quick user interface as UI components. To import the Qt Graphical Effects types, include the Qt Graphical Effects module by adding the following statement to the QML file:

import QtGraphicalEffects 1.0

To use the effects, simply add a specific effect declaration to the QML scene and configure the effects properties. The source item type can be any QML type, even video or another effect. Pipelining multiple effects together is a simple way to create even more impressive output.

The following list presents the functional division of types that are part of Qt Graphical Effects:

Blend

Merges two source items by using a blend mode.

Color

BrightnessContrast	Adjusts brightness and contrast.
ColorOverlay	Alters the colors of the source item by applying an overlay color.
Colorize	Sets the color in the HSL color space.
Desaturate	Reduces the saturation of the colors.
GammaAdjust	Alters the luminance of the source item.
HueSaturation	Alters the source item colors in the HSL color space.
LevelAdjust	Adjusts color levels in the RGBA color space.

Gradient

ConicalGradient	Draws a conical gradient.
LinearGradient	Draws a linear gradient.
RadialGradient	Draws a radial gradient.

Distortion

Displace

Moves the pixels of the source item according to the given displacement map.

Drop Shadow

DropShadow	Generates a colorized and blurred shadow image of the source and places it behind the original, giving the impression that source item is raised from the background.
InnerShadow	Generates a colorized and blurred shadow inside the source.

Blur

FastBlur	Applies a fast blur effect to one or more source items.
GaussianBlur	Applies a higher quality blur effect.
MaskedBlur	Applies a blur effect with a varying intesity.
RecursiveBlur	Blurs repeatedly, providing a strong blur effect.

Motion Blur

DirectionalBlur	Applies blur effect to the specified direction.
RadialBlur	Applies directional blur in a circular direction around the items center point.
ZoomBlur	Applies directional blur effect towards source items center point.

Glow

Glow	Generates a blurred and colorized image of the source and places it behind the original, giving impression that the source is glowing.
RectangularGlow	Generates a blurred and colorized rectangle, which gives the impression that the source is glowing.

Mask

OpacityMask	Masks the source item with another item.
ThresholdMask	Masks the source item with another item and applies a threshold value.

Contents