Representación de gráficos QML - RadialBlur

Autor: billy
Declaración de derechos de autor: Los derechos de autor pertenecen al autor, comuníquese con el autor para la reimpresión comercial, indique la fuente para la reimpresión no comercial

Introducción de atributos

• ángulo : verdadero
  Defina la dirección del desenfoque y, al mismo tiempo, defina el nivel de desenfoque. Cuanto mayor sea el ángulo, más borroso será el resultado.. La calidad del desenfoque depende de la propiedad Muestreo. Si el valor del ángulo es mayor, se requieren más muestras para mantener una alta calidad visual. Los valores permitidos están entre 0.0 y 360.0. De forma predeterminada, esta propiedad se establece en 0.0

• en caché: bool
  Píxeles de salida usando efectos de caché, que pueden mejorar el rendimiento de renderizado. Cada vez que se cambia una propiedad de fuente o efecto, se deben actualizar los píxeles en el caché. Aumentará el consumo de memoria ya que se requieren búferes de memoria adicionales para almacenar la salida del efecto. Por lo tanto, recomendamos deshabilitar el almacenamiento en caché al animar propiedades de origen o propiedades de efectos. El valor predeterminado es falso

• horizontalOffset : real
  Desplazamiento del punto central de rotación (en píxeles). Los valores permitidos están entre -inf e inf. De forma predeterminada, esta propiedad se establece en 0

• muestras: int
  El número de muestras tomadas por píxel al completar el cálculo de desenfoque. Los valores más altos dan como resultado una mejor calidad pero un renderizado más lento. Esta propiedad no activa animaciones. Cambiar esta propiedad puede hacer que se vuelva a compilar el sombreador OpenGL subyacente. Los valores permitidos están entre 0 e inf (el valor máximo real depende de la GPU). De forma predeterminada, esta propiedad se establece en 0 (sin muestras)

• fuente: variante
  elemento de origen para ofuscar. Nota: No se admite permitir que el efecto se contenga a sí mismo.

• Borde transparente: bool
  Comportamiento de desenfoque cerca de los bordes de los elementos, donde el desenfoque de píxeles se ve afectado por píxeles fuera del borde de origen. Si esta propiedad se establece en verdadero, los píxeles fuera de la fuente se interpretarán como transparentes, similar a la extensión de sujeción al borde de OpenGL. El desenfoque se extiende ligeramente fuera del área del elemento de efecto. Si esta propiedad se establece en falso, se interpretará que los píxeles fuera de la fuente contienen el mismo color que los píxeles del borde del elemento, similar al comportamiento de la sujeción a los bordes de OpenGL. El desenfoque no se expande fuera del área del elemento de efecto. De forma predeterminada, esta propiedad se establece en falso

• Desplazamiento vertical: real
  Desplazamiento del punto central de rotación (en píxeles). Los valores permitidos están entre -inf e inf. De forma predeterminada, esta propiedad se establece en 0

Precauciones

1. RadialBlur admite renderizado OpenGL
2. RadialBlur crea la impresión perceptiva de que el elemento de origen parece estar girando en una dirección borrosa

Visualización de diferentes efectos numéricos

ejemplo oficial

import QtQuick 2.12
import QtGraphicalEffects 1.12

Item {
    width: 300
    height: 300
    
    Image {
        id: bug
        source: "images/bug.jpg"
        sourceSize: Qt.size(parent.width, parent.height)
        smooth: true
        visible: false
    }
    
    RadialBlur {
        anchors.fill: bug
        source: bug
        samples: 24
        angle: 30
    }
}