weather-qml/Haze.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

import Qt 4.6

ForecastView {
    id: root
    isClear: false

    SmallCloud {
        id: cloud2
        x: scaledX(341)
        y: scaledY(-800)
        finalY: scaledY(-469);
        type: "cloud_rain"
    }

    HungItem {
        id: sun
        x: isDay ? scaledX(198) : scaledX(220)
        y: scaledY(-800)
        itemX: 0
        itemY:  isDay ? 176 : 180
        height:  isDay ? 460 : 440
        finalY: isDay ? scaledY(-255) : scaledY(-205)
        itemImage: isDay ? "images/cold_sun.png" : "images/moon.png"
        lineImage: isDay ? "images/cold_sun_line.png" : "images/moon_line.png"
    }

    MediumCloud {
        id: cloud1
        x: scaledX(6)
        y: scaledY(-800)
        finalY: scaledY(-296)
        type: "cloud_rain"
    }

    Image {
        id: haze
        x: scaledX(-30)
        source: "images/haze.png"
    }

    states : State {
        name: "final"
        PropertyChanges { target: sun; y: sun.finalY; }
        PropertyChanges { target: cloud1; y: cloud1.finalY; }
        PropertyChanges { target: cloud2; y: cloud2.finalY; }
    }

    transitions: Transition {
        SequentialAnimation {
            ParallelAnimation {
               NumberAnimation { target: cloud1; properties: "y";
                                 easing.type: "OutBack"; duration: 500 }

               SequentialAnimation {
                   PauseAnimation { duration: 200 }
                   NumberAnimation { target: cloud2; properties: "y";
                                     easing.type: "OutBack"; duration: 500 }
               }
            }

            NumberAnimation { target: sun; properties: "y";
                              easing.type: "OutBack"; duration: 500 }
        }
    }

    onPresent: { root.state = "final"; }
}