RectangularGlow QML Type

Génère un rectangle flou et coloré, qui donne l'impression que la source brille. En savoir plus…

• Liste de tous les membres, y compris les membres hérités

Propriétés

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

Description détaillée

Cet effet est conçu pour offrir de bonnes performances. La forme de la lueur est limitée à un rectangle dont le rayon des coins est personnalisable. Si vous avez besoin de formes personnalisées, envisagez l'eff Glow.

Exemple

L'exemple suivant montre comment appliquer l'effet.

import QtQuick
import Qt5Compat.GraphicalEffects

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
    }
}

Documentation des propriétés

cached : bool

Cette propriété permet de mettre en cache les pixels de sortie de l'effet afin d'améliorer les performances de rendu.

Chaque fois que les propriétés de la source ou de l'effet sont modifiées, les pixels contenus dans le cache doivent être mis à jour. La consommation de mémoire augmente, car un tampon de mémoire supplémentaire est nécessaire pour stocker la sortie de l'effet.

Il est recommandé de désactiver le cache lorsque les propriétés de la source ou de l’effet sont animées.

Par défaut, la propriété est définie sur « false ».

color : color

Cette propriété définit la valeur de couleur RGBA utilisée pour la lueur.

Par défaut, cette propriété est définie sur "white".

cornerRadius : real

Cette propriété définit le rayon des coins utilisé pour dessiner un halo aux coins arrondis.

La valeur est comprise entre 0,0 et la moitié de la largeur ou de la hauteur effective de l'auréole, la plus petite des deux étant retenue. Elle peut être calculée à l'aide de la formule suivante : min(width, height) / 2.0 + glowRadius

Par défaut, cette propriété est liée à la propriété « glowRadius ». Le halo se comporte comme si le rectangle était flou lorsque l'on modifie la propriété « glowRadius ».

glowRadius : real

Cette propriété définit le nombre de pixels situés en dehors de la zone de l'élément qui sont touchés par la lueur.

La valeur est comprise entre 0,0 (pas de lueur) et inf (lueur infinie). Par défaut, la propriété est définie sur 0.0.

spread : real

Cette propriété définit dans quelle mesure la couleur de la lueur est intensifiée près des bords de la source.

La valeur varie de 0,0 (aucune intensité accrue) à 1,0 (intensité maximale accrue). Par défaut, la propriété est définie sur 0.0.