Windows Phone 7

Uso de Tiles en “WP Mango”


Hola Amigos, hoy veremos como realizar una App con tecnologia de Mango, en este caso, veremos el manejo de las Tiles, que es una de las opciones que nos piden en el Reto de 3×1 que Microsoft esta patrocinando:

https://luciomsp.wordpress.com/2011/08/18/459/

Empezaremos por crear un nuevo proyecto en Visual Studio y le asignaremos un nombre como “Little Notes!”

Despues aceptaremos la version 7.1 que es la que nos aparece por default.

Le cambiaremos el nombre al titulo de la App para que la UI sea mas agradable.

Despues agregaremos 3 Textblock y 3 TextBox de la siguiente manera:

No cambiaremos el nombre de los TextBox.

Analizamos las referecias y vamos a quitar algunas, para que quede de la siguiente manera:

Despues nos regresamos a MainPage.xaml y checamos el codigo que se encuentra hasta mero abajo en el XAML, quitamos lo que esta comentado para que el ApplicationBarMenuItem se habilite.

Debera de quedar asi, para que no tengamos que poner un boton que ejecute el codigo que generaremos:

Lo que hicimos fue generar que un icono (que agregaremos despues) tome la accion de un boton para que ejecute la funcion de crear la nota.

Para esto crearemos una nueva carpeta llamada “icons” que fue el nombre que le pusimos en el codigo XAML, y a esta la agregaremos el icono de “PIN”.

Despues de agregarla, le daremos a la imagen, boton secundario, propiedades y le cambiaremos el “Build Action” de “Resource” a “Content” para que la imagen se muestre, de lo contrario cuando se ejecute la App no se veria.

Despues nos regresamos al codigo y pondremos lo siguiente, para que al momento de dar click en el icono genere la nota.

Ahora procedemos a ejecutar nuestra App, sin antes guardar todo.

Y cuando tocamos el icono, nos genera el siguiente resultado.

Y esto es todo, si gustas checar el codigo, aqui les dejo la solucion completa, espero y les sirva.

https://skydrive.live.com/?sc=documents&cid=9a6d22086cd7afc6#!/?cid=9a6d22086cd7afc6&sc=documents&nl=1&uc=1&id=9A6D22086CD7AFC6%21165

Sin mas por el momento hasta la proxima.

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 )

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