blob: 92522237f7f0c7537eb7ae173881f0072739c4ed (
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
127
128
129
130
131
132
133
134
135
136
137
138
|
import Qt 4.7
Rectangle {
id: myApp
width: 411
height: 411
color: "transparent"
property alias logoState : myApp.state
signal animationFinished
Item {
id: sketchBlueHolder
width: sketchLogo.width
height: sketchLogo.height
Image {
id: image1
x: -44
y: -45
smooth: true
source: "shadow.png"
}
Item {
clip: true
width: sketchLogo.width
height: sketchLogo.height
Image {
id: sketchLogo
smooth: true
source: "qt-sketch.jpg"
}
Image {
id: blueLogo
y: -420
smooth: true
source: "qt-blue.jpg"
}
}
}
states: [
State {
name: "showBlueprint"
PropertyChanges {
target: blueLogo
y: 0
}
PropertyChanges {
target: sketchLogo
opacity: 0
}
},
State {
extend: "showBlueprint"
name: "finale"
PropertyChanges {
target: fullLogo
opacity: 1
}
PropertyChanges {
target: backLogo
opacity: 1
scale: 1
}
PropertyChanges {
target: frontLogo
opacity: 1
scale: 1
}
PropertyChanges {
target: qtText
opacity: 1
scale: 1
}
PropertyChanges {
target: sketchBlueHolder
opacity: 0
scale: 1.4
}
}
]
transitions: [
Transition {
to: "showBlueprint"
SequentialAnimation {
NumberAnimation { property: "y"; duration: 600; easing.type: "OutBounce" }
PropertyAction { target: sketchLogo; property: "opacity" }
}
},
Transition {
to: "finale"
PropertyAction { target: fullLogo; property: "opacity" }
SequentialAnimation {
NumberAnimation { target: backLogo; properties: "scale, opacity"; duration: 300 }
NumberAnimation { target: frontLogo; properties: "scale, opacity"; duration: 300 }
ParallelAnimation {
NumberAnimation { target: qtText; properties: "opacity, scale"; duration: 400; easing.type: "OutQuad" }
NumberAnimation { target: sketchBlueHolder; property: "opacity"; duration: 300; easing.type: "OutQuad" }
NumberAnimation { target: sketchBlueHolder; property: "scale"; duration: 320; easing.type: "OutQuad" }
}
PauseAnimation { duration: 1000 }
ScriptAction { script: myApp.animationFinished() }
}
}
]
Item {
id: fullLogo
opacity: 0
Image {
id: backLogo
x: -16
y: -41
opacity: 0
scale: 0.7
smooth: true
source: "qt-back.png"
}
Image {
id: frontLogo
x: -17
y: -41
opacity: 0
scale: 1.2
smooth: true
source: "qt-front.png"
}
Image {
id: qtText
x: -10
y: -41
opacity: 0
scale: 1.2
smooth: true
source: "qt-text.png"
}
}
}
|
