SlideShare una empresa de Scribd logo
Vicente Guzman
MVP Windows Platform Development
Como ocultar el StatusBar en Windows
Phone 8.1
El otro día al estar desarrollando una aplicación de Windows Phone 8.1 quería esconder la barra
de estado, pero para mi sorpresa no la encontré en XAML.
Y es que para los que venimos desde Windows Phone 7.0 hasta 8.0, esta se encuentra establecida
mediante la Shell: SystemTray.IsVisible = “False” en cualquier página, pero esta no se encuentra
disponible para Windows Phone 8.1.
Con el lanzamiento del nuevo SDK de Windows Phone 8.1 viene un nuevo StatusBar, el cual
sustituye al SystemTray de Windows Phone basado en Silverlight, y a diferencia del SystemTray, el
StatusBar solo se puede acceder a través de código, además de que su funcionalidad ha cambiado.
Al igual que el nuevo StatusBarProgressIndicator, solo se puede acceder a través de código con el
método GetForCurrentView.
Tabla comparativa con respecto a funcionalidades:
SystemTray StatusBar Observaciones
System.Windows.Media.Color
ForegroundColor
Windows.UI.Color
ForegroundColor
System.Windows.Media.Color
BackgroundColor
Windows.UI.Color
Background
bool IsVisible IAsyncAction HideAsync()
IAsyncAction ShowAsync()
Dos métodos reemplazan el
único DependencyProperty
double Opacity double BackgroundOpacity No cambia el contenido
cuando el valor es menor que
1
event Hiding Nuevo
event Showing Nuevo
La mayor diferencia en la tabla anterior no son los nuevos acontecimientos, no es el cambio de
IsVisible a los nuevos métodos. La mayor diferencia es que el cambio es la funcionalidad en el
establecimiento de la opacidad. En Windows Phone basado en Silverlight, cuando se establece la
opacidad a un valor menor que 1, el contenido de la página se desplaza hacia arriba en el espacio
de la bandeja. Ahora, cuando se establece la BackgroundOpacity el contenido de la página no se
desplaza hacia arriba.
Vicente Guzman
MVP Windows Platform Development
Veamos cómo funciona, empecemos creando un nuevo proyecto en blanco:
Si lo ejecutamos tal y como se encuentra, podremos ver que el StatusBar.
Vicente Guzman
MVP Windows Platform Development
Ingresemos al CodeBehind de nuestro archivo MainPage.xaml
Agreguemos la siguiente directiva using:
using Windows.UI.ViewManagement;
Ahora creemos un método asíncrono, al cual pueden nombrar StatusBarChange o como gusten.
private async void StatusBarChange ()
{
}
Dentro de este declararemos una variable de tipo StatusBar y utilizaremos el método HideAsync:
StatusBar statusBar = Windows.UI.ViewManagement.StatusBar.GetForCurrentView();
await statusBar.HideAsync();
Por último solo mandémoslo llamar, esto situando la siguiente línea dentro de nuestro MainPage:
this.StatusBarChange();
Compilemos y veamos el resultado:
Vicente Guzman
MVP Windows Platform Development
Ahora bien, si nuestro StatusBar se mostrara pero queremos ponerle un color, podemos manejar
la propiedad BackgrounColor, pero para esto antes habrá que agregar la directiva: using
Windows.UI;
statusBar.BackgroundOpacity = 1;
statusBar.BackgroundColor = Colors.Red;
Guardemos y compilemos:
Vicente Guzman
MVP Windows Platform Development
Código completo:
Espero y les haya gustado este pequeño tutorial sobre una de las tantas nuevas características del
nuevo SDK de Windows Phone 8.1
Y como siempre, aquí les dejo el ejemplo para su descarga:
Hasta la proximal!
Más información: Visually Located

Más contenido relacionado

PPTX
Visual basic
PDF
Windows 10 universal apps
PPTX
office
DOC
Mundo Visual - Visual Basic - Tema 4
PPTX
Novedades en XAML
DOC
Ejercicios desarrollados de visual basic (según libro)
PDF
Visual basic
Windows 10 universal apps
office
Mundo Visual - Visual Basic - Tema 4
Novedades en XAML
Ejercicios desarrollados de visual basic (según libro)

La actualidad más candente (20)

PPTX
Windows 10: Novedades en XAML
DOC
Manual aplicacion movil
PDF
Tutorial de Aplicaciones para Windows Phone 7.1 Controles
PDF
ApplicationBar Remodelado {Windows Phone 8.1}
PDF
Tutorial de Windows Phone 7.1 Basico
PPS
Presentación_VisualBasic
PPTX
Windows presentation
PPTX
Visual Basic Presentacion
PPTX
Instalacion de mongodb
PDF
Curso de power cobol
DOC
Insalar, compilar y depurar cobol
PPTX
Action script 3
PPTX
Conexión c# sql server
PPTX
Aprender a programar aplicaciones moviles
PDF
Manual aplicacion movil
DOCX
Parte I. Notas Rapidas (sticky notes) App w8: MVVM y SQLite
PPTX
Presentacion visual axiry meza 4102
PDF
Geogebra interacción con javascript
PDF
Getting Started with ChatBots
PDF
Un proyecto con fujitsu power cobol
Windows 10: Novedades en XAML
Manual aplicacion movil
Tutorial de Aplicaciones para Windows Phone 7.1 Controles
ApplicationBar Remodelado {Windows Phone 8.1}
Tutorial de Windows Phone 7.1 Basico
Presentación_VisualBasic
Windows presentation
Visual Basic Presentacion
Instalacion de mongodb
Curso de power cobol
Insalar, compilar y depurar cobol
Action script 3
Conexión c# sql server
Aprender a programar aplicaciones moviles
Manual aplicacion movil
Parte I. Notas Rapidas (sticky notes) App w8: MVVM y SQLite
Presentacion visual axiry meza 4102
Geogebra interacción con javascript
Getting Started with ChatBots
Un proyecto con fujitsu power cobol
Publicidad

Destacado (20)

PPT
Iconic ppt with comparison blank
PDF
CóMo Pasar Del Yo Vendo Al Ellos Nos Compran
PDF
Cwe po mt_info_handout
KEY
DiffCalculus: September 10, 2012
PDF
Wp ima-strategic-finance-jan2011-gill
PPT
Recruiting Pundits Corporate Presentation
PDF
Application problems - pt 3 - Answers
PPTX
Percepción visual
PPT
1958 1966
PDF
Tehzeeb aalemuhammad
PDF
Clinical and epidemiological characteristics of influenza brote trujillo e ...
PDF
Boletin especial 3
PDF
Munajaat imamzainulabideen1of3
PDF
Dua arafa
PDF
Aneesul momineen
PDF
Esp 2012
PDF
Presentación heurística sitio mit
DOC
Acero al carbono
PPTX
Sabrina carla cópia
Iconic ppt with comparison blank
CóMo Pasar Del Yo Vendo Al Ellos Nos Compran
Cwe po mt_info_handout
DiffCalculus: September 10, 2012
Wp ima-strategic-finance-jan2011-gill
Recruiting Pundits Corporate Presentation
Application problems - pt 3 - Answers
Percepción visual
1958 1966
Tehzeeb aalemuhammad
Clinical and epidemiological characteristics of influenza brote trujillo e ...
Boletin especial 3
Munajaat imamzainulabideen1of3
Dua arafa
Aneesul momineen
Esp 2012
Presentación heurística sitio mit
Acero al carbono
Sabrina carla cópia
Publicidad

Más de Vicente Gerardo Guzman Lucio (20)

PPTX
Codificando con Superpoderes Python y GitHub Copilot.pptx
PPTX
AWS Community Day Colombia 2025 - 🗣️ Alexa Para Todos: Integrando Nova Micro ...
PPTX
Amazon Q Dev: Tu Compañero para Programar
PDF
SageMaker: Transformando el Aprendizaje Automático en AWS
PDF
GPPB2024 - Integrando ChatGPT en Power Automate
PPTX
Introducción a Amazon Alexa.pptx
PDF
Creando un Chatbot en C# con ChatGPT.pdf
PPTX
ChatGPT & Alexa.pptx
PDF
Bienvenido .Net MAUI - la evolución de Xamarin.Forms
PPTX
Conectando un Azure Bot con una Alexa Skill
PPTX
Azure DevOps y Blazor Web Assembly
PDF
Desarrollo de Interfaces de Voz: Alexa Skills
PPTX
PPTX
Introducción a Blazor
PPTX
Infraestructura como Código en Azure
PDF
Diseño de Experiencias de Voz con Amazon Alexa
PDF
Alexa Skill con .NETCore & AWS Lambda
PPTX
Skills Nights - Vol.III - Primeros Pasos
PDF
¿Qué es la Nube?
PDF
Consumiendo un servicio externo con Axios en Alexa
Codificando con Superpoderes Python y GitHub Copilot.pptx
AWS Community Day Colombia 2025 - 🗣️ Alexa Para Todos: Integrando Nova Micro ...
Amazon Q Dev: Tu Compañero para Programar
SageMaker: Transformando el Aprendizaje Automático en AWS
GPPB2024 - Integrando ChatGPT en Power Automate
Introducción a Amazon Alexa.pptx
Creando un Chatbot en C# con ChatGPT.pdf
ChatGPT & Alexa.pptx
Bienvenido .Net MAUI - la evolución de Xamarin.Forms
Conectando un Azure Bot con una Alexa Skill
Azure DevOps y Blazor Web Assembly
Desarrollo de Interfaces de Voz: Alexa Skills
Introducción a Blazor
Infraestructura como Código en Azure
Diseño de Experiencias de Voz con Amazon Alexa
Alexa Skill con .NETCore & AWS Lambda
Skills Nights - Vol.III - Primeros Pasos
¿Qué es la Nube?
Consumiendo un servicio externo con Axios en Alexa

Como ocultar el StatusBar en windows phone 8.1

  • 1. Vicente Guzman MVP Windows Platform Development Como ocultar el StatusBar en Windows Phone 8.1 El otro día al estar desarrollando una aplicación de Windows Phone 8.1 quería esconder la barra de estado, pero para mi sorpresa no la encontré en XAML. Y es que para los que venimos desde Windows Phone 7.0 hasta 8.0, esta se encuentra establecida mediante la Shell: SystemTray.IsVisible = “False” en cualquier página, pero esta no se encuentra disponible para Windows Phone 8.1. Con el lanzamiento del nuevo SDK de Windows Phone 8.1 viene un nuevo StatusBar, el cual sustituye al SystemTray de Windows Phone basado en Silverlight, y a diferencia del SystemTray, el StatusBar solo se puede acceder a través de código, además de que su funcionalidad ha cambiado. Al igual que el nuevo StatusBarProgressIndicator, solo se puede acceder a través de código con el método GetForCurrentView. Tabla comparativa con respecto a funcionalidades: SystemTray StatusBar Observaciones System.Windows.Media.Color ForegroundColor Windows.UI.Color ForegroundColor System.Windows.Media.Color BackgroundColor Windows.UI.Color Background bool IsVisible IAsyncAction HideAsync() IAsyncAction ShowAsync() Dos métodos reemplazan el único DependencyProperty double Opacity double BackgroundOpacity No cambia el contenido cuando el valor es menor que 1 event Hiding Nuevo event Showing Nuevo La mayor diferencia en la tabla anterior no son los nuevos acontecimientos, no es el cambio de IsVisible a los nuevos métodos. La mayor diferencia es que el cambio es la funcionalidad en el establecimiento de la opacidad. En Windows Phone basado en Silverlight, cuando se establece la opacidad a un valor menor que 1, el contenido de la página se desplaza hacia arriba en el espacio de la bandeja. Ahora, cuando se establece la BackgroundOpacity el contenido de la página no se desplaza hacia arriba.
  • 2. Vicente Guzman MVP Windows Platform Development Veamos cómo funciona, empecemos creando un nuevo proyecto en blanco: Si lo ejecutamos tal y como se encuentra, podremos ver que el StatusBar.
  • 3. Vicente Guzman MVP Windows Platform Development Ingresemos al CodeBehind de nuestro archivo MainPage.xaml Agreguemos la siguiente directiva using: using Windows.UI.ViewManagement; Ahora creemos un método asíncrono, al cual pueden nombrar StatusBarChange o como gusten. private async void StatusBarChange () { } Dentro de este declararemos una variable de tipo StatusBar y utilizaremos el método HideAsync: StatusBar statusBar = Windows.UI.ViewManagement.StatusBar.GetForCurrentView(); await statusBar.HideAsync(); Por último solo mandémoslo llamar, esto situando la siguiente línea dentro de nuestro MainPage: this.StatusBarChange(); Compilemos y veamos el resultado:
  • 4. Vicente Guzman MVP Windows Platform Development Ahora bien, si nuestro StatusBar se mostrara pero queremos ponerle un color, podemos manejar la propiedad BackgrounColor, pero para esto antes habrá que agregar la directiva: using Windows.UI; statusBar.BackgroundOpacity = 1; statusBar.BackgroundColor = Colors.Red; Guardemos y compilemos:
  • 5. Vicente Guzman MVP Windows Platform Development Código completo: Espero y les haya gustado este pequeño tutorial sobre una de las tantas nuevas características del nuevo SDK de Windows Phone 8.1 Y como siempre, aquí les dejo el ejemplo para su descarga: Hasta la proximal! Más información: Visually Located