aboutsummaryrefslogtreecommitdiffstats
path: root/src/plugins/studiowelcome/qml/splashscreen/SlidersTogether.qml
blob: 0da91cecdb7007abd27397e4d244d01736b8a46c (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
// Copyright (C) 2019 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0+ OR GPL-3.0 WITH Qt-GPL-exception-1.0

import QtQuick 2.0
import QtQuick.Timeline 1.0

Item {
    width: 174
    height: 200

    Item {
        id: rectangleMask
        x: -1
        y: -2
        width: 31
        height: 49
        clip: true

        Item {
            id: rectangle
            x: 0
            y: 0
            width: 200
            height: 200
            clip: true

            Image {
                id: slidersTogether
                scale: 0.5
                source: "welcome_windows/splash_pngs/Sliders_together.png"
            }
        }
    }

    Timeline {
        id: timeline
        startFrame: 0
        enabled: true
        endFrame: 1000

        KeyframeGroup {
            target: rectangleMask
            property: "width"

            Keyframe {
                value: 30
                frame: 0
            }

            Keyframe {
                easing.bezierCurve: [0.55, 0.06, 0.68, 0.19, 1, 1]
                value: 106
                frame: 740
            }

            Keyframe {
                value: 0
                frame: 1000
            }
        }

        KeyframeGroup {
            target: rectangleMask
            property: "height"
            Keyframe {
                value: 49
                frame: 505
            }
        }
    }

    PropertyAnimation {
        id: propertyAnimation
        target: timeline
        property: "currentFrame"
        running: true
        loops: -1
        duration: 1300
        from: timeline.startFrame
        to: timeline.endFrame
    }
}