Vanguarsoft Developers blog

Ing. Javier Leal -Desarrollador CPANAX C.A / Microsoft Student Partners – VENEZUELA

Programar Baldosas en Windows Phone 8

Deja un comentario

Una de las características más resaltantes que están a primera vista al momento de ver Windows Phone 8.0 es el cambio que ha tenido en su escritorio principal, donde cada baldosa que se visualiza representa una aplicación.

clip_image002A diferencia de Windows Phone 7.1 que tenía dos tipos de Baldosas y se podían programar para enviar una notificación y tener acceso directo a esa información desde la aplicación. Para ello se utilizaba la clase ShellTile. Donde se podría programar el titulo la imagen y texto a mostrar de la parte de frente y detrás de la baldosa. En la parte de atrás de la baldosa se podía navega a una página segundaria y filtrar datos por QueryString y esto se convertiría en un acceso directo a la información.

En Windows Phone 8 tenemos tres nuevas clases y tres tipos de Baldosas que podemos programar estas son las clases FlipTileData, CycleTileData e IconicTileData los tamaños de las baldosas ahora son Pequeño Mediano y Grande.

Y que puedes hacer de nuevo con estas nuevas clases:

Poder ofrecer más de un diseño de baldosa secundaria.

Controlar a que página navegar al seleccionar las baldosas secundarias.

Elegir entre tres plantillas que son las tres clases antes mencionadas.

Múltiples tamaños personalizados por clientes.

Personalizar con qué frecuencia va a estar cambiando.

  • Nunca
  • Programado por notificaciones locales.
  • Programado por notificaciones push con un servicio en la nube.

Plantilla Tile Flip Clase (FlipTileData):

 

Es la misma que podemos ver en la versión de Windows Phone 7.1 por tanto deben conocerla, la diferencia de esta a la versiones anterior es que contamos con el tamaño pequeño.

Para hacer una llamada a esta clase es igual que la versión anterior vamos a instancia a la clase y llenar sus propiedades:

FlipTileData TileData = new FlipTileData()

{

Title = "Titulo",

BackTitle = "Titulo al Voltear”

BackContent = "texto que contendrá al voltear",

WideBackContent = "Contenido que tendrá si la baldosa esta en tamaño grande",

Count = Contar,

SmallBackgroundImage = Imagen que ira en la baldosa pequeña,

BackgroundImage = Imagen que ira en el tamaño medio,

BackBackgroundImage = Imagen que ira en el tamaño media al voltear la baldosa

WideBackgroundImage = Imagen que ira en el tamaño grande,

WideBackBackgroundImage = Imagen que ira en el tamaño grande al voltear

};

Para que estén más claros les dejo esta imagen.

clip_image003

Para eliminar se realiza igual que su versión anterior que es colocando el valor en blanco

Plantilla de Ciclo Clase (CycleTileData):

 

Esta plantilla te permite mostrar un ciclo de imágenes de Máximo 9

CycleTileData Plantillaciclo = new CycleTileData ()

{

Title = "Titulo de la Aplicaicon" ;

Contar = contador;

SmallBackgroundImage = nuevo Uri ( "URL Imagen pequeña" , UriKind.Relative);

CycleImages = new Uri[]

{

new Uri ( "Url imagen 1" , UriKind.Relative),

new Uri ( "Url imagen 2" , UriKind.Relative),

new Uri ( "Url imagen 3" , UriKind.Relative),

new Uri ( "Url imagen n" , UriKind.Relative),

… …

}

};

clip_image004

Plantilla de Icono (IconicTileData):

 

Esta es especifico de Windows 8 y incorpora los principios de diseño de Windows Phone, te permite mostrar una pequeña imagen en el centro de la baldosa para codificar una app y usar esta baldosa este es el código.

IconicTileData PantillaIcono = nuevo IconicTileData ()

{

Title = "Título de la aplicacion" ,

Count = Conteo,

WideContent1 = "Primera fila de contenido" ,

WideContent2 = "Segunda fila de contenido" ,

WideContent3 = "Tercera fila de contenido" ,

SmallIconImage = imagen pequeña

IconImage = Imagen de tamaño mediano,

BackgroundColor = Color de fondo

};

Para entender aún más pueden ver la siguiente imagen

clip_image005

Estas notificaciones son validad también para las nuevas características de desarrollo en el SDK 7.8 que recientemente fue liberado.

Autor: Ing. Javier J. Leal H.

Desarrollador en CPANAX C.A, Microsoft Student Partners de Venezuela Amantes de nuevas Tecnologías Desarrollador es Silverlight 5, Windows 8, Windows Phone, Influenciador y Orador en Actividades Tecnológicas Microsoft

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