import QtQuick 2.2

Row {
    id: window

    width: 480
    height: 400

    Flickable {
        width: parent.width / 2
        height: parent.height

        contentWidth: rrect.width
        contentHeight: rrect.height

        Rectangle {
            id: rrect
            gradient: Gradient {
                GradientStop { position: 0.0; color: "pink" }
                GradientStop { position: 1.0; color: "red" }
            }
            width: window.width / 2
            height: window.height * 1.5
        }
    }

    Flickable {
        width: parent.width / 2
        height: parent.height

        contentWidth: brect.width
        contentHeight: brect.height

        Rectangle {
            id: brect
            gradient: Gradient {
                GradientStop { position: 0.0; color: "lightblue" }
                GradientStop { position: 1.0; color: "blue" }
            }
            width: window.width / 2
            height: window.height * 1.5
        }

        rebound: Transition {
            NumberAnimation {
                properties: "y"
                duration: 1000
                easing.type: Easing.OutBounce
            }
        }
    }
}