equal
deleted
inserted
replaced
5 width: 360 |
5 width: 360 |
6 height: 360 |
6 height: 360 |
7 color: "#15193a" |
7 color: "#15193a" |
8 radius: 8 |
8 radius: 8 |
9 border.width: 4 |
9 border.width: 4 |
10 border.color: "#ea761d" |
|
11 opacity: 1 |
10 opacity: 1 |
12 |
11 |
13 signal clicked() |
12 signal clicked() |
|
13 |
|
14 Behavior on border.color { |
|
15 ColorAnimation {} |
|
16 } |
14 |
17 |
15 MouseArea { |
18 MouseArea { |
16 id: mousearea |
19 id: mousearea |
17 anchors.fill: parent |
20 anchors.fill: parent |
18 hoverEnabled: true |
21 hoverEnabled: true |
19 onEntered: parent.border.color = "#eaea00" |
22 onClicked: parent.clicked() |
20 onExited: parent.border.color = "#ea761d" |
|
21 onClicked: hwbutton.clicked() |
|
22 } |
23 } |
|
24 |
|
25 states: [ |
|
26 State { |
|
27 when: mousearea.containsMouse |
|
28 |
|
29 PropertyChanges { |
|
30 target: hwbutton |
|
31 border.color: "#eaea00" |
|
32 } |
|
33 } |
|
34 , State { |
|
35 when: !mousearea.containsMouse |
|
36 |
|
37 PropertyChanges { |
|
38 target: hwbutton |
|
39 border.color: "#ea761d" |
|
40 } |
|
41 }] |
23 } |
42 } |