Lives Tiles dentro de tu App de WP


Hola amigos, el día de hoy les quiero compartir como agregarle un poco mas de elegancia a su aplicación de Windows Phone, y es agregando los Tiles que tenemos en nuestra pantalla de inicio, tal como lo hace el Hub de "Yo".

屏幕截图 (24) - copia

 

Así que empecemos creando un nuevo proyecto sencillo:

image

 

Después lo que haremos será agregar una referencia que nos permitirán tener la herramienta.

image

Antes:                                                                                                    Después:

image                    image

 

Después nos iremos a nuestro barra de herramientas en donde agregaremos el elemento que nos permitirá tener nuestro “Tile”.
Clic secundario sobre la barra para poder elegir los elementos.

image

Si nos damos cuenta, no la tenemos marcada, entonces solo seleccionémosla y listo.

image

 

Ya en nuestra barra, solo es cuestión de arrastrarla a nuestro “MainPage.xaml”.

Si nos damos cuenta, no tiene ninguna acción, parece ser solo un cuadro azul.

image

Para que realice su cometido, solo es cuestión de ir al XAML y escribirle lo necesario para que muestre Texto e Imagen.
Pero antes, agreguemos la imagen que queremos que muestre.
Solo es cuestión de generar una carpeta y dentro de esta agregarle la imagen.

image   image

Entonces ahora si ya nos pasamos al XAML de nuestra “MainPage.xaml”

XAML Antes:
image

XAML Después:

image

Y ya con esto habremos terminado, no es necesario ejecutarlo ya que si lo vemos en nuestro ambiente de desarrollo se esta realizando sin la necesidad de hacer Deploy.
Pero aquí les dejo un pequeño video de como quedo.

Ejemplo de Tiles vivos dentro de tu App en WP

Ya solo dependerá de ustedes que le den una acción a su Tile y si gustan agregar mas a su proyecto.

Espero y les haya gustado.
Si quieren probar el ejemplo, el código lo pueden descargar desde aquí.

Hasta la próxima.!!

Anuncios

Responder

Por favor, inicia sesión con uno de estos métodos para publicar tu comentario:

Logo de WordPress.com

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

Google+ photo

Estás comentando usando tu cuenta de Google+. 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 )

Conectando a %s