import QtQuick 2.6
import QtGraphicalEffects 1.0
import QtQuick.Layouts 1.0

Rectangle {

    width: 360
    height: 360

    Text {
        id: fastBlur
        x: 237
        y: 246
        color: "#f20d0d"
        text: qsTr("Text")
        font.pixelSize: 32
        layer.enabled: true
        layer.effect: FastBlur {
            radius: 32
        }

        Text {
            x: -8
            y: 44
            text: qsTr("glow as effect \n does render")
            horizontalAlignment: Text.AlignHCenter
            font.pixelSize: 12
        }
    }

    ShaderEffectSource {
        id: colorizeSource
        x: 53
        y: 0
        height: colorize.height
        width: colorize.width

        sourceItem: colorize

        Text {
            x: -9
            y: 42
            text: qsTr("source on colorize")
            font.pixelSize: 12
        }
    }

    Text {
        id: colorize
        x: 237
        y: 0
        color: "#f20d0d"
        text: qsTr("Text")
        font.pixelSize: 32
        layer.enabled: true
        layer.effect: Colorize {
            hue: 0.5
        }

        Text {
            x: -33
            y: 42
            text: qsTr("colorize as effect\ndoes not render in designer")
            horizontalAlignment: Text.AlignHCenter
            font.pixelSize: 12
        }
    }

    Text {
        id: glow
        x: 246
        y: 107
        color: "#f20d0d"
        text: qsTr("Text")
        font.pixelSize: 32
        layer.enabled: true
        layer.effect: Glow {
            radius: 32
            samples: 16
            color: "green"
        }

        Text {
            x: -6
            y: 56
            text: qsTr("glow as effect \n does render")
            horizontalAlignment: Text.AlignHCenter
            font.pixelSize: 12
        }
    }

    ShaderEffectSource {
        id: glowSource
        x: 45
        y: 92
        height: glow.height
        width: glow.width

        sourceItem: glow

        Text {
            x: -11
            y: 45
            text: qsTr("source on glow")
            font.pixelSize: 12
        }
    }

    ShaderEffectSource {
        id: fastBlurSource
        x: 45
        y: 240
        height: fastBlur.height
        width: fastBlur.width

        sourceItem: colorize

        Text {
            x: -9
            y: 42
            text: qsTr("source on fastBlur")
            font.pixelSize: 12
        }
    }
}