Glow QML Type

このプロパティは、レンダリングのパフォーマンスを向上させるために、エフェクトの出力ピクセルをキャッシュできるようにします。

ソースまたはエフェクトのプロパティが変更されるたびに、キャッシュ内のピクセルを更新する必要があります。エフェクト出力を保存するために余分なメモリバッファが必要になるため、メモリ消費量が増加します。

ソースまたはエフェクトプロパティがアニメーションするときは、キャッシュを無効にすることをお勧めします。

デフォルトでは、このプロパティはfalse に設定されています。

このプロパティは、グローに使用される RGBA カラー値を定義します。

デフォルトでは、このプロパティは"white" に設定されています。

半径はグローの柔らかさを定義します。半径を大きくすると、グローのエッジがぼやけて見えます。

半径の値に応じて、samples の値を十分に大きく設定し、視覚的な品質を確保する必要があります。

理想的なぼかしは、samples = 1 + radius * 2 のように、samples とradius を選択することで得られます：

デフォルトでは、このプロパティはfloor(samples/2) に設定されています。

このプロパティは、エッジソフトニングぼかし計算が行われるときに、ピクセルあたり何サンプル取得するかを定義する。値を大きくすると画質は良くなるが、レンダリングに時間がかかる。

理想的には、この値は必要な半径の最高値に1を足した値の2倍であるべきである：

デフォルトでは、このプロパティは9 に設定されています。

このプロパティはアニメーションを意図していません。このプロパティを変更すると、基礎となる OpenGL シェーダが再コンパイルされます。

このプロパティは、生成されたグローのソースとして使用されるソース項目を定義します。

このプロパティは、ソースエッジの近くでグローカラーのどの程度大きな部分が強化されるかを定義します。

値の範囲は 0.0 から 1.0 です。デフォルトでは、このプロパティは0.5 に設定されています。

このプロパティは、エフェクトが透明ボーダーを持つかどうかを決定します。

true に設定すると、アイテムの外側は透明なエッジでパッドされ、ソーステクスチャの外側のサンプリングは、エッジピクセルの代わりに透明度を使用するようになります。このプロパティがない場合、不透明なエッジを持つイメージは、ぼやけたエッジを取得しません。

デフォルトでは、このプロパティはtrue に設定されています。ソースにすでに透明なエッジがある場合は、このプロパティを false に設定すると、ぼかしがほんの少し速くなります。

下のスニペットでは、左側の Rectangle は境界が透明でエッジがぼかされていますが、右側の Rectangle はぼかされていません。

import QtQuick
import Qt5Compat.GraphicalEffects

Rectangle {
    width: 180
    height: 100

    Row {
        anchors.centerIn: parent
        spacing: 16

        Rectangle {
            id: normalRect
            width: 60
            height: 60
            color: "black"
            radius: 10
            layer.enabled: true
            layer.effect: Glow {
                samples: 15
                color: "blue"
                transparentBorder: false
            }
        }

        Rectangle {
            id: transparentBorderRect
            width: 60
            height: 60
            color: "black"
            radius: 10
            layer.enabled: true
            layer.effect: Glow {
                samples: 15
                color: "blue"
                transparentBorder: true
            }
        }
    }
}