10 Nov 2012 2:34 AM #1
Unanswered: Phonegap + Sencha Touch Animated Splash Screen?
So i have a PNG of a jet engine and i would like this to be the splash screen to my app, works fine with a static PNG but how can i animate this jet engine to have a clock-wise rotation and then fade or disappear when the app is ready?
At the moment i use phonegap splash screen and in my index.html i check when the device is ready and hide the splash screen. Works great.
I am using cordova 2.0.1 + Android SDK + Sencha Architect
Is it possible to do any sort of smooth-ish animation?
11 Nov 2012 6:21 AM #2
Bumping this... Really struggling any help would be highly appreciated thank you
12 Nov 2012 8:06 AM #3
- Join Date
- Mar 2007
- Gainesville, FL
- Vote Rating
You should be able to do animation using CSS. The transition when your app is ready should be done in the launch method of Ext.application instead of just destroying the elements to animate and once animation is done then destroy the elements and create your main view.
Sencha Inc, Senior Software Engineer
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/
Need more help with your app? Hire Sencha Services firstname.lastname@example.org
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!
When posting code, please use BBCode's CODE tags.
12 Nov 2012 9:02 AM #4
I am still getting the white screen on Galaxy Nexus 4.1.2.
did not test on other devices yet.
But neither adding an image to the header nor having the animation prevents getting the white screen after the start for about 3 seconds. (Android + packaging with sencha app build native - sencha package run -p package.temp.json)
12 Nov 2012 11:54 AM #5
Hi thanks for your reply. I am pretty new to Sencha and I am not really understanding what you are saying... any chance you could post some sample code just to see how it all works?
12 Nov 2012 11:56 AM #6
Also "animation with CSS" are you sure this is possible in phonegap's own splashscreen??
27 Nov 2012 9:41 AM #7