GraphicalEffects/ColorOverlayEx.qml at master · foruok/GraphicalEffects · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
import QtQuick 2.2
import QtGraphicalEffects 1.0
import QtQuick.Controls 1.2

Rectangle {
    anchors.fill: parent;
    Image {
        id: opImage;
        x: 4;
        y: 4;
        width: 250;
        height: 250;
        source: "bug.jpg";
        sourceSize: Qt.size(250, 250);
        smooth: true;
        visible: false;
    }

    ColorOverlay {
        anchors.fill: opImage;
        source: opImage;
        color: colorPicker.color;
    }

    Text {
        id: colorLabel;
        text: "Color:";
        anchors.left: opImage.left;
        anchors.top: opImage.bottom;
        anchors.topMargin: 4;
    }

    ColorPicker {
        id: colorPicker;
        anchors.left: colorLabel.right;
        anchors.leftMargin: 8;
        anchors.top: colorLabel.top;
        width: 100;
        height: 40;
    }
}