Question

While running the app on device, I noticed that there is a small jump while navigating from the splash screen to the MainPage.xaml.

I don understand why it jumps, Is it aligning the UI elements and layouts? There is an appbar in the MainPage.xaml, anything related to it?

How can I ensure smooth transition from the spash screen to the mainpage.xaml?

Alfah

Answer 1

If you have an image as a background of your main page and you want it to match the splash screen image you need to consider 3 things:

1. Splash screen image is loaded by the OS. Your background in the app is loaded separately by the app and images usually load in the background with a delay – make sure the image loading happens on UI thread, blocking the UI thread until the image is loaded, so a UI without the image does not show up.
2. A system tray at the top of the screen will shift the contents of your application down by 72 pixels. You can either hide the tray or make it transparent and adjust your background by setting the margin to -72,0,0,0.
3. Is the effect you wish to achieve worth the effort and the risks of performance degradation and having your app killed by the OS due to blocking of the UI thread if loading of the image and decoding takes longer than usual (common when loading things from Flash memory)?