QML Tumbler with sprite or SpriteSequence - qt

Question

I use to call following function jumpTo() to change a sprite in sprite sequence, but it use to change the sprite abruptly.
Is it possible to animate when i call function ... digit.jumpTo(n); ... to animate sprites to scroll up ?
Or Can i use sprite's with a tumbler ?
import QtQuick 2.0
Item {
id: numberImageSprite
//anchors.centerIn: parent
width: 20
height: 20
SpriteSequence {
id: digit
width: 12
height: 16
interpolate: false
goalSprite: ""
running: true
property var sourceImage: 'files/abc.png'
Sprite{
name: "0"
source: digit.sourceImage
frameCount: 1
frameWidth: 10
frameHeight: 16
frameX: 0
frameY: 0
}
Sprite{
name: "1"
source: digit.sourceImage
frameCount: 1
frameWidth: 9
frameHeight: 16
frameX: 12
frameY: 0
}
}
function setNumber(n){
digit.jumpTo(n);
}
}

Answer 1

You can forget about Sprites when you want to use Tumbler. You can use the Image in your delegate. Here is a working example. I added -/+ buttons for you to see how manually you can rotate the Tumbler.
Item{
id: itm
anchors.fill: parent
Row{
Button{
width: 36
text: '-'
onClicked: digitsTumbler.currentIndex = digitsTumbler.currentIndex == 0 ? digitsTumbler.count-1 : digitsTumbler.currentIndex-1;
}
Tumbler {
id: digitsTumbler
model: 10
visibleItemCount: 1
height: 36
width: 36
delegate: Item{
width: 36
height: 36
clip: true
Image{
x:0
y:0
sourceSize: Qt.size(360,36)
source: "qrc:///d.png"
transform: Translate{x: index*-36 ; y:0}
}
}
}
Button{
width: 36
text: '+'
onClicked: digitsTumbler.currentIndex = digitsTumbler.currentIndex == digitsTumbler.count-1 ? 0 : digitsTumbler.currentIndex+1;
}
}
}
d.png is attached as a sample image containing digits from 0 to 9.