Windows Universal App Fullscreen Button

Question

Some Apps in the Windows Store have a Fullscreen button additional to the minimize, maximize and close button in the Titlebar. This button looks similar to the exit Fullscre

Answer 1

I have made a FullScreenModeTitleBarBehavior (along with a FullScreenModeTitle control) which might just do what you want.

The behavior needs to be attached to a your main Page and it allows you to specify the foreground and background colors of the TitleBar. If you need more colors you can simply add more properties to the behavior.

The way it works is that the behavior will move the Content out of the Page into the FulScreenModeTitle control which basically composes a custom TitleBar with the moved Content.

// Store the original main page content.
var mainPageContent = _mainPage.Content;
// Clear the content for now.
_mainPage.Content = null;

// Move the content of the main page to our title bar control.
_customTitleBar.SetPageContent(mainPageContent);
// Refill the content with our new title bar control.
_mainPage.Content = _customTitleBar;

You can find the full source code over here in GitHub. Also note that this solution was inspired by this particular sample from Microsoft's GitHub repository.

---

Some Issues I've found so far

You might have already noticed there's a gap between our custom full screen mode button and the minimize button. Unfortunately you cannot reduce it any further 'cause this much space is reserved by the system (check on SystemOverlayRightInset for more details). If you move the custom button any closer, the hit-testing will fail, which makes it unclickable.

Also I've found that if you use the custom button to exit from the full screen, those three system buttons will be dysfunctional until you double click the TitleBar to maximize the screen. This could be a bug. Fortunately, when the screen is in full screen mode, the maximize button will be replaced with a exit full screen button, so we can just hide our custom button and let the system handle the exit.