property alias pathToIcon: image.source;
signal clicked;
-
- Image {
- id: image
- z:1;
- anchors.centerIn: parent
- width: rectangle.width;
- height: rectangle.height;
- }
-
+ radius: 50
MouseArea {
id: mouseArea
anchors.centerIn: parent;
- width: rectangle.width + (70*parent.height)/107;
+ width: rectangle.width
height: rectangle.height;
onClicked: {
rectangle.clicked();
}
Image {
+ id: image
+ z:4;
+ anchors.centerIn: parent
+ width: rectangle.width;
+ height: rectangle.height;
+ }
+
+ Image {
id: image1
- width: (35*parent.height)/107
+ z: 1
+ smooth: true
+ width: (35*parent.height)/107 +1
height: parent.height
anchors.left: parent.left
- anchors.leftMargin: - (35*parent.height)/107
source: "qrc:/button/buttonLeft.png"
}
Image {
id: image3
- width: parent.width
+ z: 1
+ smooth: true
+ width: parent.width - (70*parent.height)/107 +1
height: parent.height
anchors.horizontalCenter: parent.horizontalCenter
source: "qrc:/button/buttonCenter.png"
+
}
Image {
id: image2
- width: (35*parent.height)/107
+ z: 1
+ smooth: true
+ width: (35*parent.height)/107 +1
height: parent.height
anchors.right: parent.right
- anchors.rightMargin: - (35*parent.height)/107
source: "qrc:/button/buttonR.png"
}
Rectangle {
id: shade
+ z: 4
anchors.centerIn: parent;
color: "black";
radius: 20;
opacity: 1;
- width: rectangle.width+(70*parent.height)/107;
+ width: rectangle.width;
height: rectangle.height;
}