Hi,
In the below code I am performing animation on list during entry and
exit.
Entry is working fine but I'm not getting desired animation on list
exit.
Here I'm using timer for exit animation on list.
Is there any other way of performing exit animation on list, without
using timer.
Item {
id: root
width:640
height:480
focus: true
ListModel {
id: fruitModel
ListElement {
name: "Apple"; posx: 300; h: 20; i: 0;
}
ListElement {
name: "Banana"; posx: 250; h: 25; i: 1;
}
ListElement {
name: "Cumquat"; posx: 200; h: 30; i: 2;
}
ListElement {
name: "Durian"; posx: 150; h: 35; i: 3;
}
}
Component {
id:listDelegate
Item {
id: delegateItem
width:parent.width
x: posx
visible : false
height: 0
property int pause: i * 1000
Text {
id: listitem
text: name
//font.pointsize: 12
}
Component.onCompleted : SequentialAnimation {
PauseAnimation {duration : pause }
PropertyAction { target: delegateItem; property:
"visible" ; value : true }
NumberAnimation { target : delegateItem ; property:
"height" ; to : h; duration : 1000 * 2 ;easing.type: Easing.InOutQuad }
}
}
}
SequentialAnimation {id:outRow; running:false
ParallelAnimation{
PropertyAnimation{ targer: view .currentitem}
}
PauseAnimation {duration : pause }
PropertyAction { target: view.currentItem; property:
"visible" ; value : true }
NumberAnimation { target : view.currentItem; property:
"height" ; to : h; duration : 100 * 2 ;easing.type: Easing.InOutQuad }
}
Timer{
Id:ouRowTimer
Interval:300
Running:false
Repeat:true
onTriggered:{
outRow.running=true;
view.currentIndex++;
}
}
ListView {
id: view
anchors.fill : parent
model:fruitModel
delegate : listDelegate
highlight {
Item {
Image {
y:0 ; height:40 ; source : "menu_focus.png"
}
}
}
}
}
Thanks
Sunil
_______________________________________________
Interest mailing list
Interest@qt-project.org
http://lists.qt-project.org/mailman/listinfo/interest
