Qt 5 Compatibility APIs: Qt Graphical Effects
The Qt Graphical Effects module is provided for compatibility with applications written for Qt 5.
Note: Since the Qt Graphical Effects module has performance constraints when effects are stacked, it is primarily included for compatibility with Qt 5 applications. We recommend that new code is written with one of the new solutions for effects that were introduced in Qt 6. For typical UI effects, Qt Quick has the MultiEffect, which applies multiple effects in one pass. For advanced use cases which are not covered by this component, the Qt Quick Effect Maker tool can be used to customize and fine-tune exactly the shader effects you need.
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:
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.
Merges two source items by using a blend mode
Adjusts brightness and contrast
Alters the colors of the source item by applying an overlay color
Sets the color in the HSL color space
Reduces the saturation of the colors
Alters the luminance of the source item
Alters the source item colors in the HSL color space
Adjusts color levels in the RGBA color space
Draws a conical gradient
Draws a linear gradient
Draws a radial gradient
Moves the pixels of the source item according to the given displacement map
Generates a soft shadow behind the source item
Generates a colorized and blurred shadow inside the source
Applies a fast blur effect to one or more source items
Applies a higher quality blur effect
Applies a blur effect with a varying intesity
Blurs repeatedly, providing a strong blur effect
Applies blur effect to the specified direction
Applies directional blur in a circular direction around the items center point
Applies directional blur effect towards source items center point
Generates a blurred and colorized image of the source and places it behind the original, giving impression that the source is glowing
Generates a blurred and colorized rectangle, which gives the impression that the source is glowing
© 2023 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.