51 lines
1.1 KiB
QML
51 lines
1.1 KiB
QML
|
import QtQuick 2.0
|
||
|
import QtGraphicalEffects 1.0
|
||
|
|
||
|
Rectangle {
|
||
|
id: button
|
||
|
|
||
|
property color backgroundAtRest: "#9e9e9e"
|
||
|
property color backgroundActive: "#555555"
|
||
|
|
||
|
property string buttonText: "Button"
|
||
|
|
||
|
function actionOnClick() { }
|
||
|
|
||
|
anchors.horizontalCenter: parent.horizontalCenter
|
||
|
|
||
|
width: parent.width - 50
|
||
|
height: 50
|
||
|
radius: 10
|
||
|
|
||
|
color: backgroundAtRest
|
||
|
|
||
|
border.color: "#333333"
|
||
|
border.width: 2
|
||
|
|
||
|
layer.enabled: true
|
||
|
layer.effect: DropShadow {
|
||
|
transparentBorder: true
|
||
|
horizontalOffset: 5
|
||
|
verticalOffset: 5
|
||
|
radius: 5.0
|
||
|
samples: 5
|
||
|
}
|
||
|
|
||
|
Text {
|
||
|
text: buttonText
|
||
|
font.pointSize: 18
|
||
|
font.bold: true
|
||
|
height: 30
|
||
|
|
||
|
anchors.horizontalCenter: parent.horizontalCenter
|
||
|
anchors.verticalCenter: parent.verticalCenter
|
||
|
}
|
||
|
|
||
|
MouseArea {
|
||
|
anchors.fill: parent
|
||
|
onPressed: button.color = backgroundActive
|
||
|
onReleased: button.color = backgroundAtRest
|
||
|
onClicked: actionOnClick()
|
||
|
}
|
||
|
}
|