blob: 16449688af48e13eea064e48d6e67f6c735fad01 (
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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
|
import Qt 4.6
import "calculator.js" as CalcEngine
Rectangle {
width: 320; height: 270; color: palette.window
function doOp(operation) { CalcEngine.doOperation(operation); }
SystemPalette { id: palette }
Column {
x: 2; spacing: 10;
Rectangle {
id: container
width: 316; height: 50
border.color: palette.dark; color: palette.base
Text {
id: curNum
font.bold: true; font.pointSize: 16
color: palette.text
anchors.right: container.right
anchors.rightMargin: 5
anchors.verticalCenter: container.verticalCenter
}
Text {
id: currentOperation
color: palette.text
font.bold: true; font.pointSize: 16
anchors.left: container.left
anchors.leftMargin: 5
anchors.verticalCenter: container.verticalCenter
}
}
Item {
width: 320; height: 30
CalcButton {
id: advancedCheckBox
x: 55; width: 206
operation: "Advanced Mode"
toggable: true
}
}
Item {
width: 320; height: 160
Item {
id: basicButtons
x: 55; width: 160; height: 160
CalcButton { operation: "Bksp"; id: bksp; width: 67; opacity: 0 }
CalcButton { operation: "C"; id: c; width: 76 }
CalcButton { operation: "AC"; id: ac; x: 78; width: 76 }
Grid {
id: numKeypad; y: 32; spacing: 2; columns: 3
CalcButton { operation: "7" }
CalcButton { operation: "8" }
CalcButton { operation: "9" }
CalcButton { operation: "4" }
CalcButton { operation: "5" }
CalcButton { operation: "6" }
CalcButton { operation: "1" }
CalcButton { operation: "2" }
CalcButton { operation: "3" }
}
Row {
y: 128; spacing: 2
CalcButton { operation: "0"; width: 50 }
CalcButton { operation: "."; x: 77; width: 50 }
CalcButton { operation: "="; id: equals; x: 77; width: 102 }
}
Column {
id: simpleOperations
x: 156; y: 0; spacing: 2
CalcButton { operation: "x" }
CalcButton { operation: "/" }
CalcButton { operation: "-" }
CalcButton { operation: "+" }
}
}
Grid {
id: advancedButtons
x: 350; spacing: 2; columns: 2; opacity: 0
CalcButton { operation: "Abs" }
CalcButton { operation: "Int" }
CalcButton { operation: "MC" }
CalcButton { operation: "Sqrt" }
CalcButton { operation: "MR" }
CalcButton { operation: "^2" }
CalcButton { operation: "MS" }
CalcButton { operation: "1/x" }
CalcButton { operation: "M+" }
CalcButton { operation: "+/-" }
}
}
}
states: State {
name: "Advanced"; when: advancedCheckBox.toggled == true
PropertyChanges { target: basicButtons; x: 0 }
PropertyChanges { target: simpleOperations; y: 32 }
PropertyChanges { target: bksp; opacity: 1 }
PropertyChanges { target: c; x: 69; width: 67 }
PropertyChanges { target: ac; x: 138; width: 67 }
PropertyChanges { target: equals; width: 50 }
PropertyChanges { target: advancedButtons; x: 210; opacity: 1 }
}
transitions: Transition {
NumberAnimation { properties: "x,y,width"; easing.type: "OutBounce"; duration: 500 }
NumberAnimation { properties: "opacity"; easing.type: "InOutQuad"; duration: 500 }
}
}
|
