SlideShare una empresa de Scribd logo
1 de 5
Descargar para leer sin conexión
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

La actualidad más candente

Tutorial de Aplicaciones para Windows Phone 7.1 Controles
Tutorial de Aplicaciones para Windows Phone 7.1 ControlesTutorial de Aplicaciones para Windows Phone 7.1 Controles
Tutorial de Aplicaciones para Windows Phone 7.1 ControlesCarola Velazquez
 
Tutorial de Windows Phone 7.1 Basico
Tutorial de Windows Phone 7.1 BasicoTutorial de Windows Phone 7.1 Basico
Tutorial de Windows Phone 7.1 BasicoCarola Velazquez
 
Windows presentation
Windows presentation Windows presentation
Windows presentation Joseph Bros
 
Visual Basic Presentacion
Visual Basic PresentacionVisual Basic Presentacion
Visual Basic PresentacionMateo
 
Instalacion de mongodb
Instalacion de mongodbInstalacion de mongodb
Instalacion de mongodbRobert Moreira
 
Insalar, compilar y depurar cobol
Insalar, compilar y depurar cobolInsalar, compilar y depurar cobol
Insalar, compilar y depurar cobolParalafakyou Mens
 
Action script 3
Action script 3Action script 3
Action script 3AlysaMc
 
Conexión c# sql server
Conexión c# sql serverConexión c# sql server
Conexión c# sql serverLUZ ARIZPE
 
Aprender a programar aplicaciones moviles
Aprender a programar aplicaciones movilesAprender a programar aplicaciones moviles
Aprender a programar aplicaciones movilesRobert Moreira
 
Parte I. Notas Rapidas (sticky notes) App w8: MVVM y SQLite
Parte I. Notas Rapidas (sticky notes) App w8: MVVM y SQLiteParte I. Notas Rapidas (sticky notes) App w8: MVVM y SQLite
Parte I. Notas Rapidas (sticky notes) App w8: MVVM y SQLiteJuan Manuel
 
Presentacion visual axiry meza 4102
Presentacion visual axiry meza 4102Presentacion visual axiry meza 4102
Presentacion visual axiry meza 4102aaxiiry
 
Geogebra interacción con javascript
Geogebra   interacción con javascriptGeogebra   interacción con javascript
Geogebra interacción con javascriptlucimen
 
Un proyecto con fujitsu power cobol
Un proyecto con fujitsu power cobolUn proyecto con fujitsu power cobol
Un proyecto con fujitsu power cobolParalafakyou Mens
 

La actualidad más candente (20)

Windows 10: Novedades en XAML
Windows 10: Novedades en XAMLWindows 10: Novedades en XAML
Windows 10: Novedades en XAML
 
Manual aplicacion movil
Manual aplicacion movilManual aplicacion movil
Manual aplicacion movil
 
Tutorial de Aplicaciones para Windows Phone 7.1 Controles
Tutorial de Aplicaciones para Windows Phone 7.1 ControlesTutorial de Aplicaciones para Windows Phone 7.1 Controles
Tutorial de Aplicaciones para Windows Phone 7.1 Controles
 
ApplicationBar Remodelado {Windows Phone 8.1}
ApplicationBar Remodelado {Windows Phone 8.1}ApplicationBar Remodelado {Windows Phone 8.1}
ApplicationBar Remodelado {Windows Phone 8.1}
 
Tutorial de Windows Phone 7.1 Basico
Tutorial de Windows Phone 7.1 BasicoTutorial de Windows Phone 7.1 Basico
Tutorial de Windows Phone 7.1 Basico
 
Presentación_VisualBasic
Presentación_VisualBasicPresentación_VisualBasic
Presentación_VisualBasic
 
Windows presentation
Windows presentation Windows presentation
Windows presentation
 
Visual Basic Presentacion
Visual Basic PresentacionVisual Basic Presentacion
Visual Basic Presentacion
 
Instalacion de mongodb
Instalacion de mongodbInstalacion de mongodb
Instalacion de mongodb
 
Curso de power cobol
Curso de power cobolCurso de power cobol
Curso de power cobol
 
Insalar, compilar y depurar cobol
Insalar, compilar y depurar cobolInsalar, compilar y depurar cobol
Insalar, compilar y depurar cobol
 
Action script 3
Action script 3Action script 3
Action script 3
 
Conexión c# sql server
Conexión c# sql serverConexión c# sql server
Conexión c# sql server
 
Aprender a programar aplicaciones moviles
Aprender a programar aplicaciones movilesAprender a programar aplicaciones moviles
Aprender a programar aplicaciones moviles
 
Manual aplicacion movil
Manual aplicacion movilManual aplicacion movil
Manual aplicacion movil
 
Parte I. Notas Rapidas (sticky notes) App w8: MVVM y SQLite
Parte I. Notas Rapidas (sticky notes) App w8: MVVM y SQLiteParte I. Notas Rapidas (sticky notes) App w8: MVVM y SQLite
Parte I. Notas Rapidas (sticky notes) App w8: MVVM y SQLite
 
Presentacion visual axiry meza 4102
Presentacion visual axiry meza 4102Presentacion visual axiry meza 4102
Presentacion visual axiry meza 4102
 
Geogebra interacción con javascript
Geogebra   interacción con javascriptGeogebra   interacción con javascript
Geogebra interacción con javascript
 
Getting Started with ChatBots
Getting Started with ChatBotsGetting Started with ChatBots
Getting Started with ChatBots
 
Un proyecto con fujitsu power cobol
Un proyecto con fujitsu power cobolUn proyecto con fujitsu power cobol
Un proyecto con fujitsu power cobol
 

Destacado

CóMo Pasar Del Yo Vendo Al Ellos Nos Compran
CóMo Pasar Del Yo Vendo Al Ellos Nos CompranCóMo Pasar Del Yo Vendo Al Ellos Nos Compran
CóMo Pasar Del Yo Vendo Al Ellos Nos CompranIdeenhaus
 
Cwe po mt_info_handout
Cwe po mt_info_handoutCwe po mt_info_handout
Cwe po mt_info_handoutsahilshop
 
DiffCalculus: September 10, 2012
DiffCalculus: September 10, 2012DiffCalculus: September 10, 2012
DiffCalculus: September 10, 2012Carlos Vázquez
 
Wp ima-strategic-finance-jan2011-gill
Wp ima-strategic-finance-jan2011-gillWp ima-strategic-finance-jan2011-gill
Wp ima-strategic-finance-jan2011-gillCraig Beak
 
Recruiting Pundits Corporate Presentation
Recruiting Pundits Corporate PresentationRecruiting Pundits Corporate Presentation
Recruiting Pundits Corporate Presentationamitgupta30
 
Application problems - pt 3 - Answers
Application problems - pt 3 - AnswersApplication problems - pt 3 - Answers
Application problems - pt 3 - AnswersCarlos Vázquez
 
Tehzeeb aalemuhammad
Tehzeeb aalemuhammadTehzeeb aalemuhammad
Tehzeeb aalemuhammadMuhammad Naqi
 
Clinical and epidemiological characteristics of influenza brote trujillo e ...
Clinical and epidemiological characteristics of influenza brote trujillo   e ...Clinical and epidemiological characteristics of influenza brote trujillo   e ...
Clinical and epidemiological characteristics of influenza brote trujillo e ...Edward Chavez Cruzado
 
Munajaat imamzainulabideen1of3
Munajaat imamzainulabideen1of3Munajaat imamzainulabideen1of3
Munajaat imamzainulabideen1of3Muhammad Naqi
 
Presentación heurística sitio mit
Presentación heurística sitio mitPresentación heurística sitio mit
Presentación heurística sitio mitIdar González
 

Destacado (20)

Iconic ppt with comparison blank
Iconic ppt with comparison blankIconic ppt with comparison blank
Iconic ppt with comparison blank
 
CóMo Pasar Del Yo Vendo Al Ellos Nos Compran
CóMo Pasar Del Yo Vendo Al Ellos Nos CompranCóMo Pasar Del Yo Vendo Al Ellos Nos Compran
CóMo Pasar Del Yo Vendo Al Ellos Nos Compran
 
Cwe po mt_info_handout
Cwe po mt_info_handoutCwe po mt_info_handout
Cwe po mt_info_handout
 
DiffCalculus: September 10, 2012
DiffCalculus: September 10, 2012DiffCalculus: September 10, 2012
DiffCalculus: September 10, 2012
 
Wp ima-strategic-finance-jan2011-gill
Wp ima-strategic-finance-jan2011-gillWp ima-strategic-finance-jan2011-gill
Wp ima-strategic-finance-jan2011-gill
 
Recruiting Pundits Corporate Presentation
Recruiting Pundits Corporate PresentationRecruiting Pundits Corporate Presentation
Recruiting Pundits Corporate Presentation
 
Application problems - pt 3 - Answers
Application problems - pt 3 - AnswersApplication problems - pt 3 - Answers
Application problems - pt 3 - Answers
 
Percepción visual
Percepción visualPercepción visual
Percepción visual
 
1958 1966
1958 19661958 1966
1958 1966
 
Tehzeeb aalemuhammad
Tehzeeb aalemuhammadTehzeeb aalemuhammad
Tehzeeb aalemuhammad
 
Clinical and epidemiological characteristics of influenza brote trujillo e ...
Clinical and epidemiological characteristics of influenza brote trujillo   e ...Clinical and epidemiological characteristics of influenza brote trujillo   e ...
Clinical and epidemiological characteristics of influenza brote trujillo e ...
 
Boletin especial 3
Boletin especial 3Boletin especial 3
Boletin especial 3
 
Tema 4 ecle
Tema 4 ecleTema 4 ecle
Tema 4 ecle
 
Munajaat imamzainulabideen1of3
Munajaat imamzainulabideen1of3Munajaat imamzainulabideen1of3
Munajaat imamzainulabideen1of3
 
Dua arafa
Dua arafaDua arafa
Dua arafa
 
Aneesul momineen
Aneesul momineenAneesul momineen
Aneesul momineen
 
Esp 2012
Esp 2012Esp 2012
Esp 2012
 
Presentación heurística sitio mit
Presentación heurística sitio mitPresentación heurística sitio mit
Presentación heurística sitio mit
 
Acero al carbono
Acero al carbonoAcero al carbono
Acero al carbono
 
Sabrina carla cópia
Sabrina carla   cópiaSabrina carla   cópia
Sabrina carla cópia
 

Similar a Como ocultar el StatusBar en windows phone 8.1

Similar a Como ocultar el StatusBar en windows phone 8.1 (20)

Base de datos desde vb 6.0
Base de datos desde vb 6.0Base de datos desde vb 6.0
Base de datos desde vb 6.0
 
Bases de datos_angelina_monetti
Bases de datos_angelina_monettiBases de datos_angelina_monetti
Bases de datos_angelina_monetti
 
Conectar con bases de datos
Conectar con bases de datosConectar con bases de datos
Conectar con bases de datos
 
bases de datos desde visual basic
bases de datos desde visual basicbases de datos desde visual basic
bases de datos desde visual basic
 
Programacion2
Programacion2Programacion2
Programacion2
 
Webbrowser de vb 6.0 y vb.net
Webbrowser de vb 6.0 y vb.netWebbrowser de vb 6.0 y vb.net
Webbrowser de vb 6.0 y vb.net
 
Visual basic
Visual basicVisual basic
Visual basic
 
VB 6.0
VB 6.0VB 6.0
VB 6.0
 
Roxana
RoxanaRoxana
Roxana
 
VERUSKA SALA
VERUSKA SALAVERUSKA SALA
VERUSKA SALA
 
Visualbasic6.0
Visualbasic6.0Visualbasic6.0
Visualbasic6.0
 
Windows.forms.ejercicios
Windows.forms.ejerciciosWindows.forms.ejercicios
Windows.forms.ejercicios
 
Custom Renders Xamarin.Forms
Custom Renders Xamarin.FormsCustom Renders Xamarin.Forms
Custom Renders Xamarin.Forms
 
Manual de android parte 1
Manual de android parte 1Manual de android parte 1
Manual de android parte 1
 
Migracion de rational a sql server 2014
Migracion de rational a sql server 2014Migracion de rational a sql server 2014
Migracion de rational a sql server 2014
 
pasos para conectar visual con access
pasos para conectar visual con accesspasos para conectar visual con access
pasos para conectar visual con access
 
Pasos Para La Conecxion De Visual Con Access Importante 12
Pasos Para La Conecxion De Visual Con Access Importante 12Pasos Para La Conecxion De Visual Con Access Importante 12
Pasos Para La Conecxion De Visual Con Access Importante 12
 
Programa2 eclipse
Programa2 eclipsePrograma2 eclipse
Programa2 eclipse
 
Programa2
Programa2 Programa2
Programa2
 
Programa 2
Programa 2Programa 2
Programa 2
 

Más de Vicente Gerardo Guzman Lucio

Bienvenido .Net MAUI - la evolución de Xamarin.Forms
Bienvenido .Net MAUI - la evolución de Xamarin.FormsBienvenido .Net MAUI - la evolución de Xamarin.Forms
Bienvenido .Net MAUI - la evolución de Xamarin.FormsVicente Gerardo Guzman Lucio
 
Consumiendo un servicio externo con Axios en Alexa
Consumiendo un servicio externo con Axios en AlexaConsumiendo un servicio externo con Axios en Alexa
Consumiendo un servicio externo con Axios en AlexaVicente Gerardo Guzman Lucio
 

Más de Vicente Gerardo Guzman Lucio (20)

GPPB2024 - Integrando ChatGPT en Power Automate
GPPB2024 - Integrando ChatGPT en Power AutomateGPPB2024 - Integrando ChatGPT en Power Automate
GPPB2024 - Integrando ChatGPT en Power Automate
 
Introducción a Amazon Alexa.pptx
Introducción a Amazon Alexa.pptxIntroducción a Amazon Alexa.pptx
Introducción a Amazon Alexa.pptx
 
Creando un Chatbot en C# con ChatGPT.pdf
Creando un Chatbot en C# con ChatGPT.pdfCreando un Chatbot en C# con ChatGPT.pdf
Creando un Chatbot en C# con ChatGPT.pdf
 
ChatGPT & Alexa.pptx
ChatGPT & Alexa.pptxChatGPT & Alexa.pptx
ChatGPT & Alexa.pptx
 
Bienvenido .Net MAUI - la evolución de Xamarin.Forms
Bienvenido .Net MAUI - la evolución de Xamarin.FormsBienvenido .Net MAUI - la evolución de Xamarin.Forms
Bienvenido .Net MAUI - la evolución de Xamarin.Forms
 
Conectando un Azure Bot con una Alexa Skill
Conectando un Azure Bot con una Alexa SkillConectando un Azure Bot con una Alexa Skill
Conectando un Azure Bot con una Alexa Skill
 
Azure DevOps y Blazor Web Assembly
Azure DevOps y Blazor Web AssemblyAzure DevOps y Blazor Web Assembly
Azure DevOps y Blazor Web Assembly
 
Desarrollo de Interfaces de Voz: Alexa Skills
Desarrollo de Interfaces de Voz: Alexa SkillsDesarrollo de Interfaces de Voz: Alexa Skills
Desarrollo de Interfaces de Voz: Alexa Skills
 
Blazor vs VUE
Blazor vs VUEBlazor vs VUE
Blazor vs VUE
 
Introducción a Blazor
Introducción a BlazorIntroducción a Blazor
Introducción a Blazor
 
Infraestructura como Código en Azure
Infraestructura como Código en AzureInfraestructura como Código en Azure
Infraestructura como Código en Azure
 
Diseño de Experiencias de Voz con Amazon Alexa
Diseño de Experiencias de Voz con Amazon AlexaDiseño de Experiencias de Voz con Amazon Alexa
Diseño de Experiencias de Voz con Amazon Alexa
 
Alexa Skill con .NETCore & AWS Lambda
Alexa Skill con .NETCore & AWS LambdaAlexa Skill con .NETCore & AWS Lambda
Alexa Skill con .NETCore & AWS Lambda
 
Skills Nights - Vol.III - Primeros Pasos
Skills Nights - Vol.III - Primeros PasosSkills Nights - Vol.III - Primeros Pasos
Skills Nights - Vol.III - Primeros Pasos
 
¿Qué es la Nube?
¿Qué es la Nube?¿Qué es la Nube?
¿Qué es la Nube?
 
Consumiendo un servicio externo con Axios en Alexa
Consumiendo un servicio externo con Axios en AlexaConsumiendo un servicio externo con Axios en Alexa
Consumiendo un servicio externo con Axios en Alexa
 
La era de los Chatbots
La era de los ChatbotsLa era de los Chatbots
La era de los Chatbots
 
Android 64x con Xamarin.Forms
Android 64x con Xamarin.FormsAndroid 64x con Xamarin.Forms
Android 64x con Xamarin.Forms
 
Creando nuestra propia Skill de YouTube
Creando nuestra propia Skill de YouTubeCreando nuestra propia Skill de YouTube
Creando nuestra propia Skill de YouTube
 
Alexa Skill en 5 pasos
Alexa Skill en 5 pasosAlexa Skill en 5 pasos
Alexa Skill en 5 pasos
 

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