Deberá usar el método Window.SetTitleBar para lograr el comportamiento deseado. Por lo tanto, deberá realizar algunos pasos:

Primero, habilite la vista para que se extienda a la barra de título. Tenga en cuenta que solo puede configurar la parte izquierda de la barra de título. Los botones Minimizar , Maximizar y Cerrar seguirán ahí:

 CoreApplication.GetCurrentView().TitleBar.ExtendViewIntoTitleBar = true;

Después de configurar eso, llame al método Window.SetTitleBar con un UIElement :

 Window.Current.SetTitleBar(myTitleBar);

Donde myTitleBar podría verse así:

 <Border x:Name="myTitleBar"> <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="*" /> <ColumnDefinition Width="Auto" /> </Grid.ColumnDefinitions> <!-- Title --> <TextBlock Grid.Column="0" Text="..."/> <!-- Custom buttons attached to the right side --> <StackPanel Grid.Column="1" Orientation="Horizontal"> <Button x:Name="FullScreenButton"/> <!-- Use U+E740 FullScreen Icon for the button above --> </StackPanel> </Grid> </Border

Puede encontrar una guía ampliada de Marco Minerva (que incluye un buen comportamiento XAML que ajustará aún mejor este caso de uso) aquí .

Creé un FullScreenModeTitleBarBehavior (junto con un control FullScreenModeTitle ) que podría hacer lo que usted quiere.

El comportamiento debe adjuntarse a su Page principal y le permite especificar los colores de primer plano y de fondo de la TitleBar de título. Si necesita más colores, simplemente puede agregar más propiedades al comportamiento.

La forma en que funciona es que el comportamiento moverá el Content fuera de la Page al control FulScreenModeTitle que básicamente compone una TitleBar de título personalizada con el Content movido.

 // 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;

Puede encontrar el código fuente completo aquí en GitHub. También tenga en cuenta que esta solución se inspiró en esta muestra particular del repositorio GitHub de Microsoft.

Algunos problemas que he encontrado hasta ahora

Es posible que ya haya notado que hay una brecha entre nuestro botón de modo de pantalla completa personalizado y el botón de minimizar . Desafortunadamente, no puede reducirlo más porque el sistema reserva mucho espacio (consulte SystemOverlayRightInset para obtener más detalles). Si mueve el botón personalizado más cerca, la prueba de posicionamiento fallará, lo que hace que no se pueda hacer clic.

También descubrí que si usa el botón personalizado para salir de la pantalla completa, esos tres botones del sistema serán disfuncionales hasta que haga doble clic en la TitleBar de título para maximizar la pantalla. Esto podría ser un error. Afortunadamente, cuando la pantalla está en modo de pantalla completa, el botón de maximizar se reemplazará con un botón de salida de pantalla completa , por lo que podemos ocultar nuestro botón personalizado y dejar que el sistema maneje la salida.

Puede diferenciar hasta 3 tipos de Modo de pantalla completa 1. Entrar y salir del modo de pantalla completa. 2. Responder a los cambios en modo de pantalla completa. 3. Lanzamiento en modo de pantalla completa.

Puede consultar esta URL https://github.com/Microsoft/Windows-universal-samples/tree/master/Samples/FullScreenMode

 var view = ApplicationView.GetForCurrentView(); if (view.IsFullScreenMode) { view.ExitFullScreenMode(); rootPage.NotifyUser("Exiting full screen mode", NotifyType.StatusMessage); // The SizeChanged event will be raised when the exit from full screen mode is complete. } else { if (view.TryEnterFullScreenMode()) { rootPage.NotifyUser("Entering full screen mode", NotifyType.StatusMessage); // The SizeChanged event will be raised when the entry to full screen mode is complete. } else { rootPage.NotifyUser("Failed to enter full screen mode", NotifyType.ErrorMessage); } }