examples/quick/quickshapes/weatherforecast/BouncyShape.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

// Copyright (C) 2024 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause

import QtQuick
Item {
    id: root
    default  property Item child
    property real amount: 2
    children: [child, hoverArea]
    width: child.width
    height: child.height
    property real bounceScale: hoverArea.containsMouse ? amount : 1
    property alias hoverEnabled: hoverArea.enabled
    Binding {
        target: child
        property: "scale"
        value: root.bounceScale
    }

    Behavior on bounceScale {
        NumberAnimation {
            duration: 300
            easing.type: Easing.InOutQuad
        }
    }
    z: hoverArea.containsMouse ? 1 : 0

    MouseArea {
        id: hoverArea
        anchors.fill: parent
        hoverEnabled: true
    }
}