Results 1 to 7 of 7

Thread: Phonegap + Sencha Touch Animated Splash Screen?

  1. #1
    Sencha User
    Join Date
    Oct 2012
    Posts
    25
    Vote Rating
    3
      1  

    Default 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
      0  

    Default Bump

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

  3. #3
    Sencha - Community Support Team mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,023
    Answers
    3976
    Vote Rating
    1334
      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 @LikelyMitch
    Modus Create, Senior Frontend Engineer
    ________________
    Need any sort of Ext JS help? Modus Create is here to help!

    Check out my GitHub:
    https://github.com/mitchellsimoens

  4. #4
    Sencha User
    Join Date
    Feb 2011
    Location
    Düsseldorf, Germany
    Posts
    594
    Answers
    35
    Vote Rating
    33
      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
      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
      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
      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/

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •