summaryrefslogtreecommitdiff
path: root/navit/gui/qml/skins/navit/ButtonIcon.qml
blob: 9b5d6ae3acf91add8307f8228bc3b8d7ad42c7d0 (plain)
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
39
40
import Qt 4.7

Rectangle {
    id: container

    signal clicked
    property string text: "Button"
    property string icon: "Icon.png"

    color: "black"; smooth: true; opacity: 0.75
    width: imgItem.width+20; height: txtItem.height + 6 + imgItem.height;
    transformOrigin: Rectangle.Center;

    MouseArea { id: mr; anchors.fill: parent; onClicked: container.clicked() }

   Image {
	id: imgItem; source: gui.iconPath+container.icon; anchors.top: container.top; anchors.horizontalCenter: container.horizontalCenter;
	width: gui.height/4; height: gui.height/4
   }

    Text {
        id: txtItem; text: container.text; anchors.top: imgItem.bottom; anchors.horizontalCenter: container.horizontalCenter; 
	color: "White"; font.pointSize: gui.height/32; horizontalAlignment: Qt.AlignHCenter
    }

    states: [
        State {
            name: "Pressed"; when: mr.pressed == true
            PropertyChanges { target: container; scale: 2.0 }
            PropertyChanges { target: container; opacity: 1 }

        }
    ]

    transitions: Transition {
        NumberAnimation { properties: "scale"; easing.type: "OutExpo"; duration: 200 }
        NumberAnimation { properties: "opacity"; easing.type: "InQuad"; duration: 200 }
    }

}