Efectos

Aplica efectos a los componentes de tu aplicación.

DropShadow.

import QtQuick 2.15
import QtQuick.Controls 2.15
import org.mauikit.controls 1.3 as Maui
import QtGraphicalEffects 1.15

Maui.ApplicationWindow
{
    id: root

    Maui.Page {
        id: page

        anchors.fill: parent
        showCSDControls: true

        Maui.IconItem
        {
            id: iconItem
            anchors.centerIn: parent
            imageSource: "https://upload.wikimedia.org/wikipedia/commons/8/8d/KDE_logo.svg"
            imageSizeHint: 200
            maskRadius: Maui.Style.radiusV
            fillMode: Image.PreserveAspectCrop

            layer.enabled: true
            layer.effect: DropShadow {
                anchors.fill: iconItem
                horizontalOffset: 3
                verticalOffset: 3
                radius: 8.0
                samples: 17
                color: "#80000000"
                source: iconItem
            }
        }
    }
}

GaussianBlur.

GaussianBlur {
    anchors.fill: iconItem
    source: iconItem
    radius: 8
    samples: 16
}

Tipos

Consulte:

Qt Graphical Effect QML Types | Qt Graphical Effects 5.15.16

Blend	Merges two source items by using a blend mode
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
ConicalGradient	Draws a conical gradient
Desaturate	Reduces the saturation of the colors
DirectionalBlur	Applies blur effect to the specified direction
Displace	Moves the pixels of the source item according to the given displacement map
DropShadow	Generates a soft shadow behind the source item
FastBlur	Applies a fast blur effect to one or more source items
GammaAdjust	Alters the luminance of the source item
GaussianBlur	Applies a higher quality blur effect
Glow	Generates a halo like glow around the source item
HueSaturation	Alters the source item colors in the HSL color space
InnerShadow	Generates a colorized and blurred shadow inside the source
LevelAdjust	Adjusts color levels in the RGBA color space
LinearGradient	Draws a linear gradient
MaskedBlur	Applies a blur effect with a varying intesity
OpacityMask	Masks the source item with another item
RadialBlur	Applies directional blur in a circular direction around the items center point
RadialGradient	Draws a radial gradient
RectangularGlow	Generates a blurred and colorized rectangle, which gives the impression that the source is glowing
RecursiveBlur	Blurs repeatedly, providing a strong blur effect
ThresholdMask	Masks the source item with another item and applies a threshold value
ZoomBlur	Applies directional blur effect towards source items center point