Tile Template: Desarrollo para Windows 8


Cuando realizamos la actualización de un Tile (Ver tutorial: Tile Update), debemos tener en cuenta que tipo de plantilla usar y que el contenido se vea adecuadamente en éste, ya sea que el Tile se encuentre en tamaño normal (TileSquare) o en versión extendida (TileWide).

Aquí algunos ejemplos de las Apps ¿Sabías que? Pixar, Viajes y Deportes.



Recordemos que XML (eXtensible Markup Language) es diseñado para transportar y almacenar datos y su estructura es jerárquica  basada en un elemento raíz (root element) y elementos hijos (child elements). Para más información visita la W3Schools.

La estructura del XML que se utiliza para la actualización del Tile, es:

<tile>
  <visual>
    <binding>
    </binding> 
  </visual>
</tile>

Donde el elemento <binding> representará el contenido del Tile y cuyo atributo template establecerá la Plantilla con la cual se mostrará el contenido.

Podemos establecer 2 <binding> dentro del XML, uno con la plantilla definida para un tamaño normal del Tile (TileSquare) y otro con la plantilla para un Tile extendido (TileWide).

Ejemplo


<tile>
   <visual>
         <binding template="TileWideText01">
         <text id="1">Titulo Wide</text>
         <text id="2">Contenido Wide </text>
      </binding>
      <binding template="TileSquareText02">
         <text id="1">Titulo Normal</text>
         <text id="2">Contenido Normal</text>
      </binding>
    </visual>
</tile>

Es muy importante, no olvidar establecer el header del documento como
<?xml version="1.0"?>

Para el anterior ejemplo, los Tiles se verían así:



Descargar XML de ejemplo
Tutorial completo para el Tile Update

Anderson Rubio

Phasellus facilisis convallis metus, ut imperdiet augue auctor nec. Duis at velit id augue lobortis porta. Sed varius, enim accumsan aliquam tincidunt, tortor urna vulputate quam, eget finibus urna est in augue.