1. #1
    Sencha User
    Join Date
    Oct 2012
    Posts
    25
    Vote Rating
    3
    amfailla is on a distinguished road

      1  

    Default Unanswered: Phonegap + Sencha Touch Animated Splash Screen?

    Unanswered: Phonegap + Sencha Touch Animated Splash Screen?


    Hi

    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?


    Thanks

  2. #2
    Sencha User
    Join Date
    Oct 2012
    Posts
    25
    Vote Rating
    3
    amfailla is on a distinguished road

      0  

    Default Bump

    Bump


    Bumping this... Really struggling any help would be highly appreciated thank you

  3. #3
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,795
    Answers
    3466
    Vote Rating
    834
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    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.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    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 services@sencha.com

    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.

  4. #4
    Sencha User
    Join Date
    Feb 2011
    Location
    Düsseldorf, Germany
    Posts
    574
    Answers
    34
    Vote Rating
    31
    Kurt001 has a spectacular aura about Kurt001 has a spectacular aura about

      0  

    Default


    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)

  5. #5
    Sencha User
    Join Date
    Oct 2012
    Posts
    25
    Vote Rating
    3
    amfailla is on a distinguished road

      0  

    Default


    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?

    Thanks again

  6. #6
    Sencha User
    Join Date
    Oct 2012
    Posts
    25
    Vote Rating
    3
    amfailla is on a distinguished road

      0  

    Default


    Also "animation with CSS" are you sure this is possible in phonegap's own splashscreen??

  7. #7
    Sencha User Atif Gulzar's Avatar
    Join Date
    Nov 2011
    Location
    pakistan
    Posts
    3
    Vote Rating
    0
    Atif Gulzar is on a distinguished road

      0  

    Default


    Hi amfailla

    I'm sencha theme developer. you should need to see this css3 example. may be it can help you.

    http://css-tricks.com/examples/CSS3Clock/

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi