Results 1 to 10 of 14

Thread: [Android] Setting up a Splash Image/White

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Sencha User
    Join Date
    Apr 2012
    Posts
    5
    Vote Rating
    0
      0  

    Default Unanswered: [Android] Setting up a Splash Image/White

    When I set up a native Adroid app with Sencha Touch 2, I get a blank white screen on the device before the index.html is displayed and no splash Image. I used the SDK Tools to create the app and tested this on multiple android devices.
    I have tired different Approaces:
    To speed up loading, i passed a empty css file --> no difference
    I removed everything besides the microloader from the index.html
    Someone suggested using a background Image in the index.html --> no difference, index.html is displayed after the white screen.
    I have also inspected the generated apk file which actually contains the default splash images.

    Test enviroment:
    Code:
    Windows 7 x64
    java 7 x64
    Android SDK API lvl 7 installed (since the build tool only generates apps for API lvl 7)
    Sencha SDK Tools 2.0.0beta3
    Sencha touch 2.0.1
    Steps to reproduce the issue:
    Code:
    sencha app create name /path
    
    set Android sdk path in packager.json
    set platform to "Android" in packager.json
    
    sencha app build native
    My top priority would be to remove the white screen if possible, or at least turn it black.
    Also I wonder if it is possible to cover it up with a splash Image, like on iOS?
    Somehow it seems possible, i have seen it in the Mensa app in the Android AppStore.

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,336
    Answers
    3885
    Vote Rating
    1296
      0  

    Default

    Are you saying that you always get a white screen or you get a white screen but your app does finally load up?
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it!

    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.

  3. #3
    Sencha User
    Join Date
    Apr 2012
    Posts
    5
    Vote Rating
    0
      0  

    Default

    At Startup i always get a white screen for a few seconds, then the first view appears on the screen.
    Loding indicators are not displayed, even tough i changed this behavior by wrapping the loading function in app.js in a delayed task.

    I assume the white screen is the background of the webview of the Native wrapper, since it is displayed even before the index.html is displayed? Is there a way to manipulate the webview , besides using another native wrapper? Maybe this would be a nice feature for the SDK Tools.

  4. #4
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,336
    Answers
    3885
    Vote Rating
    1296
      0  

    Default

    What happens when you add a style to the body? Does that change the white?

    Code:
    body {
        background: #000;
    }
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it!

    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.

  5. #5
    Sencha User
    Join Date
    Apr 2012
    Posts
    5
    Vote Rating
    0
      0  

    Default

    I have tried this before. Changing the bg style of the index.html file doesn't solve the problem, since the style is applied to the index.html, which loads after the white screen.

  6. #6
    Sencha User
    Join Date
    Apr 2012
    Posts
    103
    Answers
    5
    Vote Rating
    10
      0  

    Default

    Bump

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
  •