Unity 8
 All Classes Functions Properties
HudButton.qml
1 /*
2  * Copyright (C) 2013 Canonical, Ltd.
3  *
4  * This program is free software; you can redistribute it and/or modify
5  * it under the terms of the GNU General Public License as published by
6  * the Free Software Foundation; version 3.
7  *
8  * This program is distributed in the hope that it will be useful,
9  * but WITHOUT ANY WARRANTY; without even the implied warranty of
10  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
11  * GNU General Public License for more details.
12  *
13  * You should have received a copy of the GNU General Public License
14  * along with this program. If not, see <http://www.gnu.org/licenses/>.
15  */
16 
17 import QtQuick 2.0
18 import Ubuntu.Components 0.1
19 
20 Item {
21  id: item
22 
23  property bool mouseOver
24 
25  property int bottomMargin: units.gu(2)
26 
27  signal clicked()
28 
29  readonly property real scaleOnMouseOver: 1.2
30 
31  width: hudButton.width * scaleOnMouseOver
32  height: hudButton.height * scaleOnMouseOver
33 
34  Item {
35  id: hudButton
36 
37  anchors.centerIn: parent
38  height: units.gu(12)
39  width: height
40  opacity: item.mouseOver || abstractButton.pressed ? 1 : 0.7
41  scale: item.mouseOver || abstractButton.pressed ? scaleOnMouseOver : 1
42  Behavior on opacity {NumberAnimation{duration: 200; easing.type: Easing.OutQuart}}
43  Behavior on scale {NumberAnimation{duration: 200; easing.type: Easing.OutQuart}}
44 
45  AbstractButton {
46  id: abstractButton
47  anchors.fill: parent
48  style: Image {
49  anchors.fill: parent
50  source: "graphics/hud_invoke_button_active.png"
51  }
52 
53  onClicked: item.clicked()
54  }
55 
56  Image {
57  width: units.gu(4)
58  height: width
59  source: "graphics/hud.png"
60  anchors.centerIn: parent
61  fillMode: Image.PreserveAspectFit
62  }
63  }
64 }