• Home
• Qt 5.11
• Qt Graphical Effects
• QML Types
• RectangularGlow QML Type

RectangularGlow

Generates a blurred and colorized rectangle, which gives the impression that the source is glowing. More...

• List of all members, including inherited members

Properties

• cached : bool
• color : color
• cornerRadius : real
• glowRadius : real
• spread : real

Detailed Description

This effect is intended to have good performance. The shape of the glow is limited to a rectangle with a custom corner radius. For situations where custom shapes are required, consider Glow effect.

Note: This effect is available when running with OpenGL.

Example

The following example shows how to apply the effect.

import QtQuick 2.0
import QtGraphicalEffects 1.0

Item {
    width: 300
    height: 300

    Rectangle {
        id: background
        anchors.fill: parent
        color: "black"
    }

    RectangularGlow {
        id: effect
        anchors.fill: rect
        glowRadius: 10
        spread: 0.2
        color: "white"
        cornerRadius: rect.radius + glowRadius
    }

    Rectangle {
        id: rect
        color: "black"
        anchors.centerIn: parent
        width: Math.round(parent.width / 1.5)
        height: Math.round(parent.height / 2)
        radius: 25
    }
}

Property Documentation