42 lines
993 B
QML
42 lines
993 B
QML
import QtQuick 2.0
|
|
|
|
Flickable {
|
|
id: flick
|
|
|
|
property int transitionDuration: 100
|
|
property bool transitionEnabled: true
|
|
property int transitionsStarted
|
|
|
|
width: 200
|
|
height: 200
|
|
|
|
contentWidth: width * 1.25
|
|
contentHeight: width * 1.25
|
|
|
|
rebound: Transition {
|
|
objectName: "rebound"
|
|
enabled: flick.transitionEnabled
|
|
SequentialAnimation {
|
|
PropertyAction { target: flick; property: "transitionsStarted"; value: flick.transitionsStarted + 1 }
|
|
NumberAnimation {
|
|
properties: "x,y"
|
|
easing.type: Easing.OutElastic
|
|
duration: flick.transitionDuration
|
|
}
|
|
}
|
|
}
|
|
|
|
Grid {
|
|
columns: 2
|
|
Repeater {
|
|
model: 4
|
|
Rectangle {
|
|
width: flick.contentWidth/2
|
|
height: flick.contentHeight/2
|
|
color: Qt.rgba(Math.random(), Math.random(), Math.random(), 1)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|