Gelmiş geçmiş en büyük porno sitemiz olan 2pe de her zaman en kaliteli pornoları sunmayı hedefledik. Diğer video sitemiz olan vuam da ise hd porno ağırlıklı çalışmalara başladık.

  1. #1
    Ext User
    Join Date
    Mar 2007
    Posts
    19
    Vote Rating
    0
    dankhan is on a distinguished road

      0  

    Default Killing white screen after splash screen load

    Killing white screen after splash screen load


    I've noticed when running my app as native on a phone (phonegap again) that after my custom splash screen finishes, there's a noticeable white background for about 1 second before the WebUIView loads up my sencha app. I can't seem to control this through normal CSS background colours. I'm guessing it's Webkit's default background colour until it's loaded up the stylesheet. Anyone else come up with a solution here or do we have to just live with this?

    On that note then, is there a way to show all of my ext components once they've been rendered and positioned? Currently I can see them all being rendered and shifted into place on my device - OK, it's only like 500ms, but you know us engineers are perfectionists eh?

    Cheers,
    -Dan

  2. #2
    Sencha Premium Member
    Join Date
    Mar 2007
    Posts
    65
    Vote Rating
    0
    nrevelle is on a distinguished road

      0  

    Default


    Did you find a solution/workaround for this?

  3. #3
    Sencha User
    Join Date
    Aug 2010
    Posts
    303
    Vote Rating
    3
    steve1964 is on a distinguished road

      0  

    Default


    White screen on iOs and black screen on Android are the default webui color, try to change the background body color in your html, it's working for me. You see the white screen because the webui wrapper of phonegap is loading the app stuffs (js, css, image) from the device.

  4. #4
    Sencha Premium Member
    Join Date
    Mar 2007
    Posts
    65
    Vote Rating
    0
    nrevelle is on a distinguished road

      0  

    Default


    I'm hoping to get an image or text to let the user know the site is still loading.

  5. #5
    Ext User
    Join Date
    Jul 2010
    Posts
    2
    Vote Rating
    0
    alexobenauer is on a distinguished road

      0  

    Default


    Here's the problem: iOS pulls your splash screen once the entire page is "loaded" which, for simple html + css webpages, works great. When it's downloaded, it's viewable, and it is a seamless transition.

    With Sencha Touch, all the code has downloaded, the splash screen goes away, but it takes a couple hundred milliseconds to a few seconds to run all the javascript code necessary to build the interface, depending on how complex the interface is.

    Technically speaking, this is unavoidable. There is no way to tell iOS to hold the splash screen up for longer, and, for now, the iOS CPU can't make a 1 second javascript code run in 0 seconds, unless if some nice hack were built in to Sencha (or on to it).

    Theoretically, you could make a loading screen, put it up in HTML + CSS *only* that floats above all the Sencha touch elements, and after your interface is finished loading, it removes it. Try it out, and let us know how it goes. The only problem is that your splash screen and that loading image should definitely match so that the user doesn't see flashes of different startup screens.

    Also, I could be wrong on this completely so correct me if I'm wrong, but in my experience this is the problem, and in my opinion, the easiest solution.

  6. #6
    Ext User
    Join Date
    Apr 2010
    Posts
    2
    Vote Rating
    0
    qualutions is on a distinguished road

      0  

    Default Same issue here

    Same issue here


    I'm having the same issue here. The proposed solution (PMalexobenauer) makes sense but if I undersand it correctly just minimizes the issue as the html/css still needs to load.

    would love a solution that hit at the crux of the issue.

    Ben

  7. #7
    Ext JS Premium Member
    Join Date
    Oct 2010
    Posts
    68
    Vote Rating
    0
    iamcam is on a distinguished road

      0  

    Default


    I tried a quick 'n dirty proof of concept that seemed to work well: Set the body background image to you splash screen (or something). I used inline css and it seemed to work great considering I didn't have to do anything special. I'll probably end up either using the same splash image, or a photoshop blank UI from a screenshot so it looks like ST fills in all the UI elements as it loads.

  8. #8
    Ext User
    Join Date
    Apr 2010
    Posts
    2
    Vote Rating
    0
    qualutions is on a distinguished road

      0  

    Default Response from Nitobi

    Response from Nitobi


    I worked with a nitobi on this issue (for android) and they recognized that this is a bug in PHongap and have an issue opened on it. Since I was only working with android i didn't know if it was happing for iphone app as well.

    here is a link to the issue in lighthouse

    http://phonegap.lighthouseapp.com/pr...oid/tickets/78

  9. #9
    Ext JS Premium Member
    Join Date
    Oct 2010
    Posts
    68
    Vote Rating
    0
    iamcam is on a distinguished road

      0  

    Default


    Sure, this could be a PhoneGap thing, but maybe this is just a javascript thing. I think alexobenauer probably hit the nail on the head because I get a smooth transition from splash screen to my background when I put one in. ST then loads a moment later. It's not that there's a bug in PhoneGap, it's that ST takes a little bit of time to render the app.

  10. #10
    Ext JS Premium Member
    Join Date
    Oct 2010
    Posts
    68
    Vote Rating
    0
    iamcam is on a distinguished road

      0  

    Default


    I spoke too soon... Here's a screen capture of what's going on.
    http://screencast.com/t/TdBQfgrgfQS8

    I'm using this in my index.html file to test it:
    HTML Code:
    	<style>
    		#hover, body {
    			position: absolute;
    			z-index: 10000;
    			width: 320px;
    			height: 460px;
    			background-image: url(resources/loading.png);
    			background-repeat: no-repeat;
    			background-position: 0 0;
    			background-size: 100% auto;
    			}
    	</style>
    		
    	<body style="position: absolute;
    			background-image: url(resources/loading.png);
    			background-repeat: no-repeat;
    			background-position: 0 0;
    			background-size: 100% auto;"><div id="hover"></div></body>
    </html>
    Essentially what I've done to demonstrate the white flash is to set the background and a div that overlays the content to the same image, loading.png, which is more or less 'shopped to look like a blank UI. In this example, the loading.png image is supposed to stay once the app is loaded. What happens is that there's a flash of white between seeing the loading.png appear twice (before and after).

    Second test: set the background color (no image):
    HTML Code:
    	<style>
    		#hover, body {
    			position: absolute;
    			z-index: 10000;
    			width: 320px;
    			height: 460px;
    			background-image: url(resources/loading.png);
    			background-repeat: no-repeat;
    			background-position: 0 0;
    			background-size: 100% auto;
    			}
    	</style>
    		
    	<body style="background: #f00;"><div id="hover"></div></body>
    </html>
    This time we see the div with loading.png background on #hover, followed by a red flash (the styled body element), followed again by the loading.png.
    http://screencast.com/t/8qWOEVoDarv

    So, I'm not really sure what's going on here, but my guess is that it's NOT a Phonegap issue, but rather a Sencha Touch issue.

    Can any of the devs confirm?

Similar Threads

  1. Setting Value into combobox on screen load
    By salih in forum Community Discussion
    Replies: 5
    Last Post: 7 Sep 2010, 9:12 PM
  2. SENCHA-0.90 Examples with Splash Screen?
    By fuzelogic in forum Sencha Touch 1.x: Discussion
    Replies: 1
    Last Post: 19 Jun 2010, 11:32 PM
  3. Need help displaying a "splash screen" in an empty TabPanel
    By robot1125 in forum Ext 3.x: Help & Discussion
    Replies: 2
    Last Post: 21 Mar 2010, 3:34 AM
  4. how to display a combo box within a grid on load of a screen
    By uma in forum Ext 1.x: Help & Discussion
    Replies: 1
    Last Post: 23 Feb 2008, 7:11 AM
  5. Combo Box Slowing down screen load
    By nrajesh in forum Ext 1.x: Help & Discussion
    Replies: 1
    Last Post: 6 Nov 2007, 10:14 AM

Thread Participants: 20