resources/qml/ImageButton.qml


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

import "./ui"
import QtQuick 2.3
import QtQuick.Controls 2.3

AbstractButton {
    id: button

    property string image: undefined
    property color highlightColor: colors.highlight
    property color buttonTextColor: colors.buttonText

    focusPolicy: Qt.NoFocus
    width: 16
    height: 16

    Image {
        id: buttonImg

        // Workaround, can't get icon.source working for now...
        anchors.fill: parent
        source: "image://colorimage/" + image + "?" + (button.hovered ? highlightColor : buttonTextColor)
    }

    MouseArea {
        id: mouseArea

        anchors.fill: parent
        onPressed: mouse.accepted = false
        cursorShape: Qt.PointingHandCursor
    }

    Ripple {
        color: Qt.rgba(buttonTextColor.r, buttonTextColor.g, buttonTextColor.b, 0.5)
        clip: false
        rippleTarget: button
    }

}