Windows 10 UWP - White space on Windows Phone Emulator - wpf

I'am developing a Windows 10 Universal App and every time I debug it on the Windows Phone emulator, I get the following "white space" on the top of my view (yellow in the picture).
Does somebody know this issue? What can I do?
When I debug it on my local machine (as a windows store app) there is no white space on top. Maybe it is the navigation bar or something like that??? It seems like there is a top margin set to all of my views ...

It's the Status Bar, which only shows up on mobile. In UWP, the background color of the Status Bar seems to inherit from the background of the main page. So, if the background color of your Page is set to White, but your RequestedTheme is set to Dark, you'd see something like this. Try changing the background color of your main page, or the RequestedTheme property.
It's also possible to hide the Status Bar in a UWP app.
I wrote up a quick blog post about this:
https://stenobot.wordpress.com/2015/07/08/uwp-app-development-styling-the-mobile-status-bar/

Related

Black screen flashes at the start android app

The black screen is visible for a moment at the start of the app in android devices. I've tested in all of my recent apps and it is there. In some devices, the black screen appears a bit longer especially in oreo.
Have a look at the video here
How can I solve it?
This is triggered because your start method is taking too long to process the Form or the Form's rendering code is too slow. When that happens Android tries to draw your app but it takes too long and so it just shows what it has.
Remove the clutter from start and just show a Form that's a splash screen then transition to the actual app. Optimize your actual app UI by using profilers & the performance monitor tool.
In my opinion, showing a splash screen before the actual app (as suggested by Shai) is a good idea to be sure that all the splash screen images generated for iOS by the Codename One build servers are as you want them: in this way, the app startup look will be very similar on iOS and Android. Some popular app, like Facebook, use a splash screen that show their icon at the middle of the screen.
However, about your question, in my "new" Android 7 device, almost "all" the apps, even the ones preinstalled with Android, show a blank screen for a fraction of second at startup. So I suppose that it's normal. That blank screen is usually white, but is some app the color of the blank startup screen is different (for example, in ES File Manager is gray). Also my Codename One apps show a blank white screen at startup (before the splash screen in the apps in which I implemented it). Maybe the color of the startup blank screen depends on the styling of the app.

Detect navigation buttons bar appearance in WP8 Silverlight app on Lumia 730/735

Lumia 730/735 have the on-screen navigation buttons, and this bar can be hidden/displayed using the swipe upward screen gesture. System apps correctly process the moment when this bar is hidden or displayed - they increase/decrease the height of their current page accordingly.
I have been developing a WP8 Silverlight app to manage checklists for 2 years. Recently I've obtained a Lumia 730 phone, and I'm testing my app on it. As I can see, some pages of my app does not fit the available screen size automatically. Look, for instance, at the following picture - I can't scroll a checklist to see the very last item when the navigation buttons bar becomes visible (the right screen):
As I understand, this happens because of some settings and non-standard page layout I use. My question is the following: how can I detect the moment when the visibility of the on-screen navigation buttons bar changes to correct the layout of my page from code?
Unfortunatelly, as far as i know, you cannot get any information about the bottom on-screen navigation status bar in Windows Phone 8. This is a good reason to develop a Windows Universal application. Propably this is what Microsoft wants from the developers.

WP7 Silverlight + XNA: application bar on -> no longer fullscreen xna rendering?

I'm working on a hybrid silverlight/XNA app for WP7. I want the XNA part to render the full screen, exept for an application bar, which is silverlight. Without the application bar on, XNA renders fullscreen. As soon as i turn on the application bar, XNA leaves black bands on the top and bottom of the screen (i'm working in landscape mode). The application bar does use the full screen height.
The XAML contains the following lines:
mc:Ignorable="d" d:DesignHeight="480" d:DesignWidth="728"
shell:SystemTray.IsVisible="False">
Does anyone know how to fix this?
I think it's the same problem as this article in French. (because ApplicationBar and SystrayBar are two elements of the shell)
http://blog.naviso.fr/wordpress/?p=1304

Silverlight OOB Splash Screen

In my Silverlight 5 OOB main method I'm setting a custom Application.Current.MainWindow.Left and Application.Current.MainWindow.Top.
When starting the application the OOB window appears briefly at the default position which is set in the OutOfBrowserSettings.xml. How can I prevent this? I want something like a custom splash screen for OOB.
You could try starting it full screen to show the splash screen, then resize it to your desired settings.

Silverlight control goes black in FF during fullscreen (SL 4, Firefox 3.6, multiple monitors)

If I click to make my Silverlight object fullscreen in Firefox 3.6 it works successfully, but then if I select a different window (I'm running two monitors so can do this) then a new window appears in my Windows taskbar titled 'Microsoft Silverlight' which is where my fullscreen Silverlight application now lives. So it's moved out of Firefox.
I can click on that new window to return to my fullscreen application but if instead of returning to that window, I click on Firefox in the taskbar, I see my web application running but with a black void where my Silverlight object was. If I try and right click on the black bit, I don't get the usual Silverlight right-click menu.
If I click on the new 'Microsoft Silverlight' window in the taskbar and then click Escape, it disappears (i.e. it exits fullscreen), and the Silverlight app reappears in Firefox and all is well.
This isn't a problem in IE, but my client requires that it work in Firefox. Seems like some sort of plug-in bug, and it doesn't make a difference whether I'm running with windowless set to true or not.
Any tips? Cheers.
The only time i've seen a black screen (region) being rendered was when something funky was going on with the silverlight app (i think it was crashing or something, but the errors were being swallowed up somehow/somewhere).
I discovered that the black region, in my situation, was the result of the background being set to transparent on the silverlight control side (where it's embedded in the web page).
Hope that helps you in your debugging effort.

Resources