-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathCenterArea.qml
141 lines (120 loc) · 3.87 KB
/
CenterArea.qml
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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
import QtQuick 2.12
import QtQuick.Controls 2.12
Item {
id: root
width: 630
height: 600
property real xScale: 1
property real yScale: 1
property real sign: 1
property real threshold: 0.07
property real lungsOpacity: 1
property real opacityStep: 0.1
property real opacityL: 0.0
Timer {
id: lungsScaler
running: true
repeat: true
interval: 33
onTriggered: {
root.xScale += sign * 0.001
root.yScale += sign * 0.001
if (root.xScale > 1 + threshold) {
sign = -1
// opacity decreases
}
if (root.xScale < 1 - threshold) {
sign = 1
// opacity increases
}
//lungsOpacity = 4.28571 * root.xScale - 3.58571
lungsOpacity = (1 - opacityL) * (( xScale - (1 - threshold) )/ (2 * threshold)) + opacityL
}
}
Column {
anchors.fill: parent
anchors.topMargin: 30
spacing: 38
WaveFramework {
width: 602
height: 212
// Image {
// anchors.top: parent.top
// anchors.topMargin: 0
// width: 602
// height: 212
// source: "qrc:///images/static-graph.png"
// }
}
Item {
id: centerfrm
width: 602
height: 382
Image {
id: extra_data
// width: 345
// height: 300
anchors.top: parent.top
anchors.topMargin: 10
anchors.left: centerfrm.left
source: "qrc:///images/extra-data.png"
}
Item {
id: lungpart
width: 345
height: 350
anchors.top: parent.top
anchors.topMargin: 0
anchors.left: extra_data.right
anchors.leftMargin: 50
//x: -20
Image {
id: center
source: "qrc:///images/center.png"
anchors.top: parent.top; anchors.topMargin: 0
anchors.horizontalCenter: lungpart.horizontalCenter
}
Image {
id: left
source: "qrc:///images/left.png"
anchors.right: center.horizontalCenter
anchors.rightMargin: 20
anchors.top: center.top
anchors.topMargin: 62
// x: -90
// y: 20
opacity: root.lungsOpacity
transform: Scale {
yScale: root.yScale
xScale: root.xScale
origin.x: left.implicitWidth / 2
origin.y: left.implicitHeight / 2
}
}
Image {
id: right
x: 90
y: 20
source: "qrc:///images/right.png"
anchors.left: center.horizontalCenter
anchors.leftMargin: 20
anchors.top: center.top
anchors.topMargin: 62
opacity: root.lungsOpacity
transform: Scale {
yScale: root.yScale
xScale: root.xScale
origin.x: right.implicitWidth / 2
origin.y: right.implicitHeight / 2
}
}
}
Image {
id: dots
source: "qrc:///images/change-view.png"
anchors.top: parent.top; anchors.topMargin: 0
anchors.right: parent.right; anchors.rightMargin: 20
}
}
}
}