Application Bar para Windows 8

En este tutorial aprenderemos a agregar una application bar a nuestra aplicación para Windows 8

  • Agregamos 2 TextBlock a nuestro proyecto

TextBlock 1, lo usaremos para mostrar el título de nuestra aplicación “Tutorial Application Bar”

TextBlock 2, lo usaremos para agregar las instrucciones de nuestra aplicación, la cual   se muestra en la imagen

  • En el panel de herramientas buscamos “AppBar”, la seleccionamos
  • Creamos nuestra AppBar a todo lo largo de la pantalla, para que esta abarque todo el espacio disponible.

  • Ahora para agregar un botón, nos vamos al panel de herramientas y damos clic en “>>” para buscar “BackButtonStyle”, este botón es el que se mostrara al momento de que aparezca nuestra AppBar.

  • Lo arrastramos a nuestra AppBar, y le incrementamos el tamaño en “Text” a 72 pt

Ahora lo que aremos es cambiarle de color para que se vea más presentable

  • Seleccionamos la AppBar y en “Brush” le cambiamos el color del Background

Y listo, ahora si corremos nuestra aplicación tendremos los siguientes resultados.

Ahora bien, esto es para cuando el usuario quiera visualizar la appBar de clic en la tecla Windows + z, más sin embargo si deseas que la AppBar se muestre desde que se abre la aplicación.

  • Selecciona la AppBar, y en la sección de “Common” activa la opción IsOpen.

Listo, ahora nuestra AppBar, estará visible desde un inicio.

Descarga el proyecto aquí

Fuente: msestudiantestech

~Hasta la próxima ~

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s