Hi qooxdooers,
I’m facing a problem where I want to simulate a page transition towards the
same page while changing the model the page is bound to. having this « fake »
transition bound to horizontal swipe event can give the user the impression he
navigates between elements whereas, technically, we re-use the same UI
components.
I did several tries with more or less success :
1/ exclude and show :
page.exclude({animation: "slide", reverse: e.getDirection() == "left"});
page.show({animation: "slide", reverse: e.getDirection() != "left"});
Nothing happens. This must be due to the UI updates being queued for UI
efficiency ?
2/ introduce a timer to let the transition happen :
page.exclude({animation: "slide", reverse: e.getDirection() == "left"});
qx.event.Timer.once(function () {
page.show({animation: "slide", reverse: e.getDirection() != "left"});
}, this, 1000);
In that case, the content disappears and appears again after 1 second, but no
animation is performed
3/ introduce an intermediary blank page (my best solution as of now) :
if (e.getAxis() == "x") {
blankPage.show({animation: "slide", reverse: e.getDirection() != "left"});
qx.event.Timer.once(function () {
page.show({animation: "slide", reverse: e.getDirection() != "left"});
}, this, 1000);
}
Now, the content disappears with animation and reappears 1 second later.
In order to improve the swipe impression, I wanted to reduce the timer
duration, but at some point, the page fails to re-appear.
I’ve built small playground example to play with the code :
http://tinyurl.com/okgmt49
So my questions are :
1/ Is there a way to get rid of the timer ? Or is there some kind of
animationEnd event I could bind to ?
2/ Is there a way to get rid of the intermediate blank page ? I couldn’t make
page.exclude({animation}) to work.
I feel like I miss some piece of information about qooxdoo ui management,
repaint timing and so on. So any hint would be greatly appreciated.
Thanks in advance !
Vincent
------------------------------------------------------------------------------
Put Bad Developers to Shame
Dominate Development with Jenkins Continuous Integration
Continuously Automate Build, Test & Deployment
Start a new project now. Try Jenkins in the cloud.
http://p.sf.net/sfu/13600_Cloudbees
_______________________________________________
qooxdoo-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
