qml/examples/blend.qml

0001 import QtQuick 2.12
0002 import QtQuick.Controls 2.12
0003 import QtGraphicalEffects 1.12
0004
0005 Item {
0006     anchors.fill: parent
0007
0008     Image {
0009         id: bug
0010         source: "https://live.staticflickr.com/2709/4163641325_8f60d4f75a_m.jpg"
0011         smooth: true
0012         visible: false
0013     }
0014
0015     Image {
0016         id: butterfly
0017         source: "https://live.staticflickr.com/4154/5053150520_52bf707846_m.jpg"
0018         smooth: true
0019         visible: false
0020     }
0021
0022     Blend {
0023         id: blend
0024         anchors.fill: parent
0025         source: bug
0026         foregroundSource: butterfly
0027         mode: "multiply"
0028     }
0029
0030     ComboBox {
0031         anchors.bottom: parent.bottom
0032         anchors.left: parent.left
0033         anchors.right: parent.right
0034         model: [
0035             "normal",
0036             "addition",
0037             "average",
0038             "color",
0039             "colorBurn",
0040             "colorDodge",
0041             "darken",
0042             "darkerColor",
0043             "difference",
0044             "divide",
0045             "exclusion",
0046             "hardLight",
0047             "hue",
0048             "lighten",
0049             "lighterColor",
0050             "lightness",
0051             "multiply",
0052             "negation",
0053             "saturation",
0054             "screen",
0055             "subtract",
0056             "softLight",
0057         ]
0058         onCurrentTextChanged: blend.mode = currentText
0059     }
0060 }