RectangularGlow QML Type

Genera un rectángulo difuminado y coloreado, que da la impresión de que la fuente brilla. Más...

• Lista de todos los miembros, incluidos los heredados

Propiedades

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

Descripción detallada

Este efecto está pensado para tener un buen rendimiento. La forma del resplandor se limita a un rectángulo con un radio de esquina personalizado. Para situaciones en las que se requieran formas personalizadas, considere el efecto Glow.

Ejemplo

El siguiente ejemplo muestra cómo aplicar el efecto.

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

Documentación de propiedades

cached : bool

Esta propiedad permite almacenar en caché los píxeles de salida del efecto para mejorar el rendimiento del renderizado.

Cada vez que se cambian las propiedades de la fuente o del efecto, los píxeles de la caché deben actualizarse. El consumo de memoria se incrementa, ya que se requiere un buffer extra de memoria para almacenar la salida del efecto.

Se recomienda desactivar la caché cuando se animen la fuente o las propiedades del efecto.

Por defecto, la propiedad está establecida en false.

color : color

Esta propiedad define el valor de color RGBA que se utiliza para el resplandor.

Por defecto, la propiedad se establece en "white".

cornerRadius : real

Esta propiedad define el radio de las esquinas que se utiliza para dibujar un resplandor con esquinas redondeadas.

El valor oscila entre 0.0 y la mitad de la anchura o altura efectiva del resplandor, la que sea menor. Puede calcularse con: min(width, height) / 2.0 + glowRadius

Por defecto, la propiedad está ligada a la propiedad glowRadius. El resplandor se comporta como si el rectángulo estuviera difuminado al ajustar la propiedad glowRadius.

glowRadius : real

Esta propiedad define cuántos píxeles fuera del área del elemento son alcanzados por el resplandor.

El valor va de 0.0 (sin brillo) a inf (brillo infinito). Por defecto, la propiedad está establecida en 0.0.

spread : real

Esta propiedad define cómo de grande es la parte del color del resplandor que se refuerza cerca de los bordes de la fuente.

El valor oscila entre 0.0 (sin aumento de intensidad) y 1.0 (máximo aumento de intensidad). Por defecto, la propiedad está establecida en 0.0.