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
|
/*************************************************************************************
* Copyright (C) 2013 by Sven Brauch <svenbrauch@gmail.com> *
* *
* This program is free software; you can redistribute it and/or *
* modify it under the terms of the GNU General Public License *
* as published by the Free Software Foundation; either version 2 *
* of the License, or (at your option) any later version. *
* *
* This program is distributed in the hope that it will be useful, *
* but WITHOUT ANY WARRANTY; without even the implied warranty of *
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the *
* GNU General Public License for more details. *
* *
* You should have received a copy of the GNU General Public License *
* along with this program; if not, write to the Free Software *
* Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA *
*************************************************************************************/
import QtQuick 2.2
import QtQuick.Controls 1.2 as QtControls
PropertyWidget {
id: root
width: 220
height: 110
value: spin.value
onInitialValueChanged: spin.value = root.initialValue
Text {
z: 20
anchors.bottom: parent.bottom
anchors.horizontalCenter: parent.horizontalCenter
text: i18n("Duration in milliseconds")
color: "white"
opacity: 0.8
}
QtControls.SpinBox {
id: spin
anchors.top: parent.top
anchors.left: parent.left
maximumValue: 5000
minimumValue: 200
stepSize: 100
decimals: 0
width: 100
}
Rectangle {
id: sample
anchors.centerIn: parent
color: "#1f61a8"
width: 50
height: 50
SequentialAnimation {
ColorAnimation { target: sample; property: "color"; to: "white"; duration: 0 }
ParallelAnimation {
ColorAnimation { target: sample; property: "color"; to: "#8aca00"; duration: spin.value }
NumberAnimation { target: sample; property: "anchors.horizontalCenterOffset"; to: 20; duration: spin.value }
}
PauseAnimation { duration: 500 }
ColorAnimation { target: sample; property: "color"; to: "white"; duration: 0 }
ParallelAnimation {
ColorAnimation { target: sample; property: "color"; to: "#8aca00"; duration: spin.value }
NumberAnimation { target: sample; property: "anchors.horizontalCenterOffset"; to: -20; duration: spin.value }
}
PauseAnimation { duration: 500 }
running: true
loops: Animation.Infinite
}
}
}
|
