Notas Rápidas (Tile Sample)

Creamos un nuevo proyecto

Realizamos los siguientes pasos

  • Damos clic en Silverlight for Windows Phone,
  • Seleccionamos Windows Phone Application
  • Tecleamos el nombre de nuestra aplicación

Verificamos que el OS Versión este en 7.1.

Para crear  una nota rápida en  nuestra aplicación es necesario hacer lo siguiente

Cambiar un titulo a nuestra aplicación

  • Damos un clic sobre Page name
  • En Properties buscamos Text, borramos el contenido que tiene por defaul
  • Y escribimos el nombre de nuestra aplicación en mi caso “Notas”.
  • Clic en Enter y automáticamente veremos los cambios

 

  • Agregamos un TextBlock  y un TextBox hasta  llegar a nuestro diseño, parecido al que vemos a continuación

Para que se vea más presentable hay que quitar las letras de “TextBox”.

  • Seleccionamos nuestro TextBox

  • Vamos a Propiedades y simplemente borramos TextBox

Damos clic en Enter, repetimos los mismos pasos en los otros 2 TextBox hasta llegar a tener algo parecido a esto:

Insertamos un botón para que al hacer clic en él se cree la nota

Le cambiamos el nombre a nuestro botón y le ponemos Crear de la siguiente manera

  • Damos clic en el botón y nos vamos a Properties
  • Buscamos la propiedad Content y cambiamos el nombre de Button a Crear
  • Clic en Enter

 

Y ahora activemos el evento Clic

  • Damos clic en el Botón
  • Clic en la pestaña Events
  • Buscamos el evento Click
  • Tecleamos el nombre de nuestro botón + guión bajo (_) + nombre del evento

Automáticamente te conducirá a la siguiente ventana donde es ahí donde programaremos pero antes

  • Agregamos y quitamos algunas de las propiedades hasta llegar a tener 5 líneas como las de la imagen

Creamos un nuevo tileData dentro del Evento del botón agregando la siguiente línea

Y abrimos un par de llaves y dentro de ellas escribimos lo siguiente

Y   ahora ya para finalizar le decimos la ruta de nuestra nota de la siguiente manera

 ShellTile.Create(new Uri(“/MainPage.xaml?DefaultTitle=FromTile”, UriKind.Relative), NewTileData);

OJO: En la parte “/MainPage.xaml la utilizo sola ya que mi nota será creada en la primera   pantalla en caso de que sea en la segunda  es necesario poner “/MainPage.xaml/Page1.xaml….Page n.xaml  esta parte es necesaria para que al momento de crear la nota nos la muestre ya creada en nuestro menú principal automáticamente

  • Ya todo el código tendremos lo siguiente

Lo corremos y tendremos algo como esto:

Descarga el código resultante del tutorial aquí

Creado por Maleny Abrego

Un comentario sobre “Notas Rápidas (Tile Sample)

  1. se ve bueno el tutorial llegarre a mi casa a aplicarlo haber que tal😀 estudio ingeneria informatica. muchas gracias, recien empieso con windows phone.

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