GameButton.qml Example File
heartrate-game/qml/GameButton.qml
import QtQuick 2.5
import "."
Rectangle {
id: button
color: baseColor
onEnabledChanged: checkColor()
radius: GameSettings.buttonRadius
property color baseColor: GameSettings.buttonColor
property color pressedColor: GameSettings.buttonPressedColor
property color disabledColor: GameSettings.disabledButtonColor
signal clicked()
function checkColor()
{
if (!button.enabled) {
button.color = disabledColor
} else {
if (mouseArea.containsPress)
button.color = pressedColor
else
button.color = baseColor
}
}
MouseArea {
id: mouseArea
anchors.fill: parent
onPressed: checkColor()
onReleased: checkColor()
onClicked: {
checkColor()
button.clicked()
}
}
}