Catálogo de plantillas de icono (aplicaciones de Windows en tiempo de ejecución)

Applies to Windows and Windows Phone

En este tema se enumeran las plantillas de icono disponibles para usar en una notificación de icono, con ejemplos gráficos de cada una para Windows y Windows Phone 8.1. Selecciona un nombre de plantilla de la lista para que se muestren sus detalles, como por ejemplo, el contenido de XML de muestra, los nombres de versiones y los tamaños de las imágenes.

  • Applies to Windows Phone

Algunos tipos de plantillas, cuando se muestran en Windows Phone 8.1, no se comportan como lo harían en Windows. Las plantillas de información en el teléfono voltean de delante hacia atrás en lugar de desplazarse arriba y abajo, y los iconos de los conjuntos de imágenes presentan un patrón de tablero animado.

TileSquare150x150Image

Ejemplo de TileSquare150x150Image

TileSquare150x150Block

Ejemplo de TileSquare150x150Block

TileSquare150x150Text01

Ejemplo de TileSquare150x150Text01

TileSquare150x150Text02

Ejemplo de TileSquare150x150Text02

TileSquare150x150Text03

Ejemplo de TileSquare150x150Text03

TileSquare150x150Text04

Ejemplo de TileSquare150x150Text04

TileSquare150x150PeekImageAndText01

Ejemplo de TileSquare150x150PeekImageAndText01

TileSquare150x150PeekImageAndText02

Ejemplo de TileSquare150x150PeekImageAndText02

TileSquare150x150PeekImageAndText03

Ejemplo de TileSquare150x150PeekImageAndText03

TileSquare150x150PeekImageAndText04

Ejemplo de TileSquare150x150PeekImageAndText04

TileWide310x150Image

Ejemplo de TileWide310x150Image

TileWide310x150ImageCollection

Ejemplo de TileWide310x150ImageCollection

TileWide310x150ImageAndText01

Ejemplo de TileWide310x150ImageAndText01

TileWide310x150ImageAndText02

Ejemplo de TileWide310x150ImageAndText02

TileWide310x150BlockAndText01

Ejemplo de TileWide310x150BlockAndText01

TileWide310x150BlockAndText02

Ejemplo de TileWide310x150BlockAndText02

TileWide310x150PeekImageCollection01

Ejemplo de TileWide310x150PeekImageCollection01

TileWide310x150PeekImageCollection02

Ejemplo de TileWide310x150PeekImageCollection02

TileWide310x150PeekImageCollection03

Ejemplo de TileWide310x150PeekImageCollection03

TileWide310x150PeekImageCollection04

Ejemplo de TileWide310x150PeekImageCollection04

TileWide310x150PeekImageCollection05

Ejemplo de TileWide310x150PeekImageCollection05

TileWide310x150PeekImageCollection06

Ejemplo de TileWide310x150PeekImageCollection06

TileWide310x150PeekImageAndText01

Ejemplo de TileWide310x150PeekImageAndText01

TileWide310x150PeekImageAndText02

Ejemplo de TileWide310x150PeekImageAndText02

TileWide310x150PeekImage01

Ejemplo de TileWide310x150PeekImage01

TileWide310x150PeekImage02

Ejemplo de TileWide310x150PeekImage02

TileWide310x150PeekImage03

Ejemplo de TileWide310x150PeekImage03

TileWide310x150PeekImage04

Ejemplo de TileWide310x150PeekImage04

TileWide310x150PeekImage05

Ejemplo de TileWide310x150PeekImage05

TileWide310x150PeekImage06

Ejemplo de TileWide310x150PeekImage06

TileWide310x150SmallImageAndText01

Ejemplo de TileWide310x150SmallImageAndText01

TileWide310x150SmallImageAndText02

Ejemplo de TileWide310x150SmallImageAndText02

TileWide310x150SmallImageAndText03

Ejemplo de TileWide310x150SmallImageAndText03

TileWide310x150SmallImageAndText04

Ejemplo de TileWide310x150SmallImageAndText04

TileWide310x150SmallImageAndText05

Ejemplo de TileWide310x150SmallImageAndText05

TileWide310x150Text01

Ejemplo de TileWide310x150Text01

TileWide310x150Text02

Ejemplo de TileWide310x150Text02

TileWide310x150Text03

Ejemplo de TileWide310x150Text03

TileWide310x150Text04

Ejemplo de TileWide310x150Text04

TileWide310x150Text05

Ejemplo de TileWide310x150Text05

TileWide310x150Text06

Ejemplo de TileWide310x150Text06

TileWide310x150Text07

Ejemplo de TileWide310x150Text07

TileWide310x150Text08

Ejemplo de TileWide310x150Text08

TileWide310x150Text09

Ejemplo de TileWide310x150Text09

TileWide310x150Text10

Ejemplo de TileWide310x150Text10

TileWide310x150Text11

Ejemplo de TileWide310x150Text11

TileSquare310x310BlockAndText01

Ejemplo de TileSquare310x310BlockAndText01

TileSquare310x310BlockAndText02

Ejemplo de TileSquare310x310BlockAndText02

TileSquare310x310Image

Ejemplo de TileSquare310x310Image

TileSquare310x310ImageAndText01

Ejemplo de TileSquare310x310ImageAndText01

TileSquare310x310ImageAndText02

Ejemplo de TileSquare310x310ImageAndText02

TileSquare310x310ImageAndTextOverlay01

Ejemplo de TileSquare310x310ImageAndTextOverlay01

TileSquare310x310ImageAndTextOverlay02

Ejemplo de TileSquare310x310ImageAndTextOverlay02

TileSquare310x310ImageAndTextOverlay03

Ejemplo de TileSquare310x310ImageAndTextOverlay03

TileSquare310x310ImageCollectionAndText01

Ejemplo de TileSquare310x310ImageCollectionAndText01

TileSquare310x310ImageCollectionAndText02

Ejemplo de TileSquare310x310ImageCollectionAndText02

TileSquare310x310ImageCollection

Ejemplo de TileSquare310x310ImageCollection

TileSquare310x310SmallImagesAndTextList01

Ejemplo de TileSquare310x310SmallImagesAndTextList01

TileSquare310x310SmallImagesAndTextList02

Ejemplo de TileSquare310x310SmallImagesAndTextList02

TileSquare310x310SmallImagesAndTextList03

Ejemplo de TileSquare310x310SmallImagesAndTextList03

TileSquare310x310SmallImagesAndTextList04

Ejemplo de TileSquare310x310SmallImagesAndTextList04

TileSquare310x310SmallImagesAndTextList05

Ejemplo de TileSquare310x310SmallImagesAndTextList05

TileSquare310x310SmallImageAndText01

Ejemplo de TileSquare310x310SmallImageAndText01

TileSquare310x310Text01

Ejemplo de TileSquare310x310Text01

TileSquare310x310Text02

Ejemplo de TileSquare310x310Text02

TileSquare310x310Text03

Ejemplo de TileSquare310x310Text03

TileSquare310x310Text04

Ejemplo de TileSquare310x310Text04

TileSquare310x310Text05

Ejemplo de TileSquare310x310Text05

TileSquare310x310Text06

Ejemplo de TileSquare310x310Text06

TileSquare310x310Text07

Ejemplo de TileSquare310x310Text07

TileSquare310x310Text08

Ejemplo de TileSquare310x310Text08

TileSquare310x310Text09

Ejemplo de TileSquare310x310Text09

TileSquare310x310TextList01

Ejemplo de TileSquare310x310TextList01

TileSquare310x310TextList02

Ejemplo de TileSquare310x310TextList02

TileSquare310x310TextList03

Ejemplo de TileSquare310x310TextList03

TileSquare71x71Image

Ejemplo de TileSquare71x71Image

TileSquare71x71IconWithBadge

Ejemplo de TileSquare71x71IconWithBadge

TileSquare150x150IconWithBadge

Ejemplo de TileSquare150x150IconWithBadge

TileWide310x150IconWithBadgeAndText

Ejemplo de TileWide310x150IconWithBadgeAndText

 

Iconos medianos

Los iconos medianos son cuadrados y contienen solo imagen o solo texto. Los iconos medianos te permiten combinar imágenes y texto en un icono animado.

Plantillas de solo texto mediano

TileSquareBlock/TileSquare150x150Block

Windows: una cadena de texto de bloque grande (por lo general, un número) sobre una sola línea corta de texto normal.

Windows Phone 8.1: una cadena corta de texto de bloque grande (por lo general, un número) en la esquina inferior derecha, a la izquierda de una sola línea muy corta de texto normal.

Nombre de la versión 1TileSquareBlock
Nombre de las versiones 2 y 3TileSquare150x150Block
Ejemplo

Ejemplo de TileSquareBlock

XML de ejemplo

<tile>
  <visual>
    <binding template="TileSquareBlock">
      <text id="1">Text Field 1 (block text)</text>
      <text id="2">Text Field 2</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileSquare150x150Block" fallback="TileSquareBlock">
      <text id="1">Text Field 1 (block text)</text>
      <text id="2">Text Field 2</text>
    </binding>  
  </visual>
</tile>

 

TileSquareText01/TileSquare150x150Text01

Una cadena de encabezado en un texto más grande en la primera línea; tres cadenas de texto normal en cada una de las tres siguientes líneas. El texto no se ajusta.

Nombre de la versión 1TileSquareText01
Nombre de las versiones 2 y 3TileSquare150x150Text01
EjemploEjemplo de TileSquareText01
XML de ejemplo

<tile>
  <visual>
    <binding template="TileSquareText01">
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
      <text id="3">Text Field 3</text>
      <text id="4">Text Field 4</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileSquare150x150Text01" fallback="TileSquareText01">
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
      <text id="3">Text Field 3</text>
      <text id="4">Text Field 4</text>
    </binding>  
  </visual>
</tile>

 

TileSquareText02/TileSquare150x150Text02

Una cadena de encabezado en un texto más grande en la primera línea, sobre una cadena de texto normal ajustado sobre un máximo de tres líneas.

Nombre de la versión 1TileSquareText02
Nombre de las versiones 2 y 3TileSquare150x150Text02
EjemploEjemplo de TileSquareText02
XML de ejemplo

<tile>
  <visual>
    <binding template="TileSquareText02">
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileSquare150x150Text02" fallback="TileSquareText02">
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
    </binding>  
  </visual>
</tile>

 

TileSquareText03/TileSquare150x150Text03

Cuatro cadenas de texto normal en cuatro líneas. El texto no se ajusta.

Nombre de la versión 1TileSquareText03
Nombre de las versiones 2 y 3TileSquare150x150Text03
EjemploEjemplo de TileSquareText03
XML de ejemplo

<tile>
  <visual>
    <binding template="TileSquareText03">
      <text id="1">Text Field 1</text>
      <text id="2">Text Field 2</text>
      <text id="3">Text Field 3</text>
      <text id="4">Text Field 4</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileSquare150x150Text03" fallback="TileSquareText03">
      <text id="1">Text Field 1</text>
      <text id="2">Text Field 2</text>
      <text id="3">Text Field 3</text>
      <text id="4">Text Field 4</text>
    </binding>  
  </visual>
</tile>

 

TileSquareText04/TileSquare150x150Text04

Una cadena de texto normal ajustado sobre un máximo de cuatro líneas.

Nombre de la versión 1TileSquareText04
Nombre de las versiones 2 y 3TileSquare150x150Text04
EjemploEjemplo de TileSquareText04
XML de ejemplo

<tile>
  <visual>
    <binding template="TileSquareText04">
      <text id="1">Text Field 1</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileSquare150x150Text04" fallback="TileSquareText04">
      <text id="1">Text Field 1</text>
    </binding>  
  </visual>
</tile>

 

Plantillas de solo imagen mediana

TileSquareImage/TileSquare150x150Image

Una imagen cuadrada que rellena completamente el icono, sin texto.

Nombre de la versión 1TileSquareImage
Nombre de las versiones 2 y 3TileSquare150x150Image
Ejemplo

Ejemplo de TileSquareImage

XML de ejemplo

<tile>
  <visual>
    <binding template="TileSquareImage">
      <image id="1" src="image1" alt="alt text"/>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileSquare150x150Image" fallback="TileSquareImage">
      <image id="1" src="image1" alt="alt text"/>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
1120 x 120150 x 150210 x 210270 x 270

 

Plantillas de información mediana

  • Applies to Windows Phone

Las plantillas de información en el teléfono voltean entre las dos secciones en lugar de desplazarse arriba y abajo entre ellas.

TileSquarePeekImageAndText01/TileSquare150x150PeekImageAndText01

Arriba/Delante: una imagen cuadrada, sin texto. Abajo/Detrás: una cadena de encabezado en un texto más grande en la primera línea, tres cadenas de texto normal en cada una de las tres siguientes líneas. El texto no se ajusta.

Nombre de la versión 1TileSquarePeekImageAndText01
Nombre de las versiones 2 y 3TileSquare150x150PeekImageAndText01
EjemploEjemplo de TileSquarePeekImageAndText01
XML de ejemplo

<tile>
  <visual>
    <binding template="TileSquarePeekImageAndText01">
      <image id="1" src="image1" alt="alt text"/>
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
      <text id="3">Text Field 3</text>
      <text id="4">Text Field 4</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileSquare150x150PeekImageAndText01" fallback="TileSquarePeekImageAndText01">
      <image id="1" src="image1" alt="alt text"/>
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
      <text id="3">Text Field 3</text>
      <text id="4">Text Field 4</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
1120 x 120150 x 150210 x 210270 x 270

 

TileSquarePeekImageAndText02/TileSquare150x150PeekImageAndText02

Arriba/Delante: imagen cuadrada, sin texto. Abajo/Detrás: una cadena de encabezado en un texto más grande en la primera línea, sobre una cadena de texto normal ajustado sobre un máximo de tres líneas.

Nombre de la versión 1TileSquarePeekImageAndText02
Nombre de las versiones 2 y 3TileSquare150x150PeekImageAndText02
EjemploEjemplo de TileSquarePeekImageAndText02
XML de ejemplo

<tile>
  <visual>
    <binding template="TileSquarePeekImageAndText02">
      <image id="1" src="image1" alt="alt text"/>
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileSquare150x150PeekImageAndText02" fallback="TileSquarePeekImageAndText02">
      <image id="1" src="image1" alt="alt text"/>
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
1120 x 120150 x 150210 x 210270 x 270

 

TileSquarePeekImageAndText03/TileSquare150x150PeekImageAndText03

Arriba/Delante: imagen cuadrada, sin texto. Abajo/Detrás: cuatro cadenas de texto normal en cuatro líneas. El texto no se ajusta.

Nombre de la versión 1TileSquarePeekImageAndText03
Nombre de las versiones 2 y 3TileSquare150x150PeekImageAndText03
EjemploEjemplo de TileSquarePeekImageAndText03
XML de ejemplo

<tile>
  <visual>
    <binding template="TileSquarePeekImageAndText03">
      <image id="1" src="image1" alt="alt text"/>
      <text id="1">Text Field 1</text>
      <text id="2">Text Field 2</text>
      <text id="3">Text Field 3</text>
      <text id="4">Text Field 4</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileSquare150x150PeekImageAndText03" fallback="TileSquarePeekImageAndText03">
      <image id="1" src="image1" alt="alt text"/>
      <text id="1">Text Field 1</text>
      <text id="2">Text Field 2</text>
      <text id="3">Text Field 3</text>
      <text id="4">Text Field 4</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
1120 x 120150 x 150210 x 210270 x 270

 

TileSquarePeekImageAndText04/TileSquare150x150PeekImageAndText04

Arriba/Delante: imagen cuadrada, sin texto. Abajo/Detrás: una cadena de texto normal ajustado sobre un máximo de cuatro líneas.

Nombre de la versión 1TileSquarePeekImageAndText04
Nombre de las versiones 2 y 3TileSquare150x150PeekImageAndText04
EjemploEjemplo de TileSquarePeekImageAndText04
XML de ejemplo

<tile>
  <visual>
    <binding template="TileSquarePeekImageAndText04">
      <image id="1" src="image1" alt="alt text"/>
      <text id="1">Text Field 1</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileSquare150x150PeekImageAndText04" fallback="TileSquarePeekImageAndText04">
      <image id="1" src="image1" alt="alt text"/>
      <text id="1">Text Field 1</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
1120 x 120150 x 150210 x 210270 x 270

 

Iconos anchos

Plantillas amplias de solo texto

TileWideText01/TileWide310x150Text01

Una cadena de encabezado en un texto más grande en la primera línea, cuatro cadenas de texto normal en las cuatro siguientes líneas. El texto no se ajusta.

Nombre de la versión 1TileWideText01
Nombre de las versiones 2 y 3TileWide310x150Text01
EjemploEjemplo de TileWideText01
XML de ejemplo

<tile>
  <visual>
    <binding template="TileWideText01">
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
      <text id="3">Text Field 3</text>
      <text id="4">Text Field 4</text>
      <text id="5">Text Field 5</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileWide310x150Text01" fallback="TileWideText01">
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
      <text id="3">Text Field 3</text>
      <text id="4">Text Field 4</text>
      <text id="5">Text Field 5</text>
    </binding>  
  </visual>
</tile>

 

TileWideText02/TileWide310x150Text02

  • Applies to Windows

Solo Windows; no compatible en Windows Phone 8.1

Una cadena de encabezado en un texto más grande sobre ocho cadenas cortas organizadas en dos columnas de cuatro líneas cada una. Las columnas tienen el mismo ancho.

Importante  Si esta plantilla se envía a Windows Phone 8.1, el icono recupera su imagen predeterminada.

Nombre de la versión 1TileWideText02
Nombre de las versiones 2 y 3TileWide310x150Text02
EjemploEjemplo de TileWideText02
XML de ejemplo

<tile>
  <visual>
    <binding template="TileWideText02">
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2, row 1, column 1</text>
      <text id="3">Text Field 3, row 1, column 2</text>
      <text id="4">Text Field 4, row 2, column 1</text>
      <text id="5">Text Field 5, row 2, column 2</text>
      <text id="6">Text Field 6, row 3, column 1</text>
      <text id="7">Text Field 7, row 3, column 2</text>
      <text id="8">Text Field 8, row 4, column 1</text>
      <text id="9">Text Field 9, row 4, column 2</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileWide310x150Text02" fallback="TileWideText02">
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2, row 1, column 1</text>
      <text id="3">Text Field 3, row 1, column 2</text>
      <text id="4">Text Field 4, row 2, column 1</text>
      <text id="5">Text Field 5, row 2, column 2</text>
      <text id="6">Text Field 6, row 3, column 1</text>
      <text id="7">Text Field 7, row 3, column 2</text>
      <text id="8">Text Field 8, row 4, column 1</text>
      <text id="9">Text Field 9, row 4, column 2</text>
    </binding>  
  </visual>
</tile>

 

TileWideText03/TileWide310x150Text03

Una cadena de texto grande ajustado sobre un máximo de tres líneas.

Nombre de la versión 1TileWideText03
Nombre de las versiones 2 y 3TileWide310x150Text03
EjemploTileWideText03
XML de ejemplo

<tile>
  <visual>
    <binding template="TileWideText03">
      <text id="1">Text Field 1</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileWide310x150Text03" fallback="TileWideText03">
      <text id="1">Text Field 1</text>
    </binding>  
  </visual>
</tile>

 

TileWideText04/TileWide310x150Text04

Una cadena de texto normal ajustada sobre un máximo de cinco líneas.

Nombre de la versión 1TileWideText04
Nombre de las versiones 2 y 3TileWide310x150Text04
EjemploEjemplo de TileWideText04
XML de ejemplo

<tile>
  <visual>
    <binding template="TileWideText04">
      <text id="1">Text Field 1</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileWide310x150Text04" fallback="TileWideText04">
      <text id="1">Text Field 1</text>
    </binding>  
  </visual>
</tile>

 

TileWideText05/TileWide310x150Text05

Cinco cadenas de texto normal en cinco líneas. El texto no se ajusta.

Nombre de la versión 1TileWideText05
Nombre de las versiones 2 y 3TileWide310x150Text05
EjemploEjemplo de TileWideText05
XML de ejemplo

<tile>
  <visual>
    <binding template="TileWideText05">
      <text id="1">Text Field 1</text>
      <text id="2">Text Field 2</text>
      <text id="3">Text Field 3</text>
      <text id="4">Text Field 4</text>
      <text id="5">Text Field 5</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileWide310x150Text05" fallback="TileWideText05">
      <text id="1">Text Field 1</text>
      <text id="2">Text Field 2</text>
      <text id="3">Text Field 3</text>
      <text id="4">Text Field 4</text>
      <text id="5">Text Field 5</text>
    </binding>  
  </visual>
</tile>

 

TileWideText06/TileWide310x150Text06

  • Applies to Windows

Solo Windows; no compatible en Windows Phone 8.1

Diez cadenas cortas de texto normal, organizadas en dos columnas de cinco líneas cada una. Las columnas tienen el mismo ancho.

Importante  Si esta plantilla se envía a Windows Phone 8.1, el icono recupera su imagen predeterminada.

Nombre de la versión 1TileWideText06
Nombre de las versiones 2 y 3TileWide310x150Text06
EjemploEjemplo de TileWideText06
XML de ejemplo

<tile>
  <visual>
    <binding template="TileWideText06">
      <text id="1">Text Field 1, row 1, column 1</text>
      <text id="2">Text Field 2, row 1, column 2</text>
      <text id="3">Text Field 3, row 2, column 1</text>
      <text id="4">Text Field 4, row 2, column 2</text>
      <text id="5">Text Field 5, row 3, column 1</text>
      <text id="6">Text Field 6, row 3, column 2</text>
      <text id="7">Text Field 7, row 4, column 1</text>
      <text id="8">Text Field 8, row 4, column 2</text>
      <text id="9">Text Field 9, row 5, column 1</text>
      <text id="10">Text Field 10, row 5, column 2</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileWide310x150Text06" fallback="TileWideText06">
      <text id="1">Text Field 1, row 1, column 1</text>
      <text id="2">Text Field 2, row 1, column 2</text>
      <text id="3">Text Field 3, row 2, column 1</text>
      <text id="4">Text Field 4, row 2, column 2</text>
      <text id="5">Text Field 5, row 3, column 1</text>
      <text id="6">Text Field 6, row 3, column 2</text>
      <text id="7">Text Field 7, row 4, column 1</text>
      <text id="8">Text Field 8, row 4, column 2</text>
      <text id="9">Text Field 9, row 5, column 1</text>
      <text id="10">Text Field 10, row 5, column 2</text>
    </binding>  
  </visual>
</tile>

 

TileWideText07/TileWide310x150Text07

  • Applies to Windows

Solo Windows; no compatible en Windows Phone 8.1

Una cadena de encabezado en un texto más grande sobre ocho cadenas cortas de texto normal organizadas en dos columnas de cuatro líneas cada una. Los anchos de las columnas son tales que la primera columna actúa como una etiqueta y la segunda columna como el contenido. Esta plantilla es similar a TileWideText10, pero la primera columna es más ancha.

Importante  Si esta plantilla se envía a Windows Phone 8.1, el icono recupera su imagen predeterminada.

Nombre de la versión 1TileWideText07
Nombre de las versiones 2 y 3TileWide310x150Text07
EjemploEjemplo de TileWideText07
XML de ejemplo

<tile>
  <visual>
    <binding template="TileWideText07">
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2, row 1, column 1</text>
      <text id="3">Text Field 3, row 1, column 2</text>
      <text id="4">Text Field 4, row 2, column 1</text>
      <text id="5">Text Field 5, row 2, column 2</text>
      <text id="6">Text Field 6, row 3, column 1</text>
      <text id="7">Text Field 7, row 3, column 2</text>
      <text id="8">Text Field 8, row 4, column 1</text>
      <text id="9">Text Field 9, row 4, column 2</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileWide310x150Text07" fallback="TileWideText07">
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2, row 1, column 1</text>
      <text id="3">Text Field 3, row 1, column 2</text>
      <text id="4">Text Field 4, row 2, column 1</text>
      <text id="5">Text Field 5, row 2, column 2</text>
      <text id="6">Text Field 6, row 3, column 1</text>
      <text id="7">Text Field 7, row 3, column 2</text>
      <text id="8">Text Field 8, row 4, column 1</text>
      <text id="9">Text Field 9, row 4, column 2</text>
    </binding>  
  </visual>
</tile>

 

TileWideText08/TileWide310x150Text08

  • Applies to Windows

Solo Windows; no compatible en Windows Phone 8.1

Diez cadenas cortas de texto normal organizadas en dos columnas de cinco líneas cada una. Los anchos de las columnas son tales que la primera columna actúa como una etiqueta y la segunda columna como el contenido. Esta plantilla es similar a TileWideText11, pero la primera columna es más ancha.

Importante  Si esta plantilla se envía a Windows Phone 8.1, el icono recupera su imagen predeterminada.

Nombre de la versión 1TileWideText08
Nombre de las versiones 2 y 3TileWide310x150Text08
EjemploEjemplo de TileWideText08
XML de ejemplo

<tile>
  <visual>
    <binding template="TileWideText08">
      <text id="1">Text Field 1, row 1, column 1</text>
      <text id="2">Text Field 2, row 1, column 2</text>
      <text id="3">Text Field 3, row 2, column 1</text>
      <text id="4">Text Field 4, row 2, column 2</text>
      <text id="5">Text Field 5, row 3, column 1</text>
      <text id="6">Text Field 6, row 3, column 2</text>
      <text id="7">Text Field 7, row 4, column 1</text>
      <text id="8">Text Field 8, row 4, column 2</text>
      <text id="9">Text Field 9, row 5, column 1</text>
      <text id="10">Text Field 10, row 5, column 2</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileWide310x150Text08" fallback="TileWideText08">
      <text id="1">Text Field 1, row 1, column 1</text>
      <text id="2">Text Field 2, row 1, column 2</text>
      <text id="3">Text Field 3, row 2, column 1</text>
      <text id="4">Text Field 4, row 2, column 2</text>
      <text id="5">Text Field 5, row 3, column 1</text>
      <text id="6">Text Field 6, row 3, column 2</text>
      <text id="7">Text Field 7, row 4, column 1</text>
      <text id="8">Text Field 8, row 4, column 2</text>
      <text id="9">Text Field 9, row 5, column 1</text>
      <text id="10">Text Field 10, row 5, column 2</text>
    </binding>  
  </visual>
</tile>

 

TileWideText09/TileWide310x150Text09

Una cadena de encabezado en un texto más grande sobre una cadena de texto normal ajustado sobre un máximo de cuatro líneas.

Nombre de la versión 1TileWideText09
Nombre de las versiones 2 y 3TileWide310x150Text09
EjemploEjemplo de TileWideText09
XML de ejemplo

<tile>
  <visual>
    <binding template="TileWideText09">
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileWide310x150Text09" fallback="TileWideText09">
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
    </binding>  
  </visual>
</tile>

 

TileWideText10/TileWide310x150Text10

  • Applies to Windows

Solo Windows; no compatible en Windows Phone 8.1

Una cadena de encabezado en un texto más grande sobre ocho cadenas cortas de texto normal organizadas en dos columnas de cuatro líneas cada una. Los anchos de las columnas son tales que la primera columna actúa como una etiqueta y la segunda columna como el contenido. Esta plantilla es similar a TileWideText07, pero la primera columna es más estrecha.

Importante  Si esta plantilla se envía a Windows Phone 8.1, el icono recupera su imagen predeterminada.

Nombre de la versión 1TileWideText10
Nombre de las versiones 2 y 3TileWide310x150Text10
EjemploEjemplo de TileWideText10
XML de ejemplo

<tile>
  <visual>
    <binding template="TileWideText10">
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2, row 1, column 1</text>
      <text id="3">Text Field 3, row 1, column 2</text>
      <text id="4">Text Field 4, row 2, column 1</text>
      <text id="5">Text Field 5, row 2, column 2</text>
      <text id="6">Text Field 6, row 3, column 1</text>
      <text id="7">Text Field 7, row 3, column 2</text>
      <text id="8">Text Field 8, row 4, column 1</text>
      <text id="9">Text Field 9, row 4, column 2</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileWide310x150Text10" fallback="TileWideText10">
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2, row 1, column 1</text>
      <text id="3">Text Field 3, row 1, column 2</text>
      <text id="4">Text Field 4, row 2, column 1</text>
      <text id="5">Text Field 5, row 2, column 2</text>
      <text id="6">Text Field 6, row 3, column 1</text>
      <text id="7">Text Field 7, row 3, column 2</text>
      <text id="8">Text Field 8, row 4, column 1</text>
      <text id="9">Text Field 9, row 4, column 2</text>
    </binding>  
  </visual>
</tile>

 

TileWideText11/TileWide310x150Text11

  • Applies to Windows

Solo Windows; no compatible en Windows Phone 8.1

Diez cadenas cortas de texto normal organizadas en dos columnas de cinco líneas cada una. Los anchos de las columnas son tales que la primera columna actúa como una etiqueta y la segunda columna como el contenido. Esta plantilla es similar a TileWideText08, pero la primera columna es más estrecha.

Importante  Si esta plantilla se envía a Windows Phone 8.1, el icono recupera su imagen predeterminada.

Nombre de la versión 1TileWideText11
Nombre de las versiones 2 y 3TileWide310x150Text11
EjemploEjemplo de TileWideText11
XML de ejemplo

<tile>
  <visual>
    <binding template="TileWideText11">
      <text id="1">Text Field 1, row 1, column 1</text>
      <text id="2">Text Field 2, row 1, column 2</text>
      <text id="3">Text Field 3, row 2, column 1</text>
      <text id="4">Text Field 4, row 2, column 2</text>
      <text id="5">Text Field 5, row 3, column 1</text>
      <text id="6">Text Field 6, row 3, column 2</text>
      <text id="7">Text Field 7, row 4, column 1</text>
      <text id="8">Text Field 8, row 4, column 2</text>
      <text id="9">Text Field 9, row 5, column 1</text>
      <text id="10">Text Field 10, row 5, column 2</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileWide310x150Text11" fallback="TileWideText11">
      <text id="1">Text Field 1, row 1, column 1</text>
      <text id="2">Text Field 2, row 1, column 2</text>
      <text id="3">Text Field 3, row 2, column 1</text>
      <text id="4">Text Field 4, row 2, column 2</text>
      <text id="5">Text Field 5, row 3, column 1</text>
      <text id="6">Text Field 6, row 3, column 2</text>
      <text id="7">Text Field 7, row 4, column 1</text>
      <text id="8">Text Field 8, row 4, column 2</text>
      <text id="9">Text Field 9, row 5, column 1</text>
      <text id="10">Text Field 10, row 5, column 2</text>
    </binding>  
  </visual>
</tile>

 

TileWideBlockAndText01/TileWide310x150BlockAndText01

Cuatro cadenas de texto normal sin ajustar a la izquierda; texto de bloque grande (debería ser un número) sobre una sola cadena corta de texto normal a la derecha.

Importante  La última de las cuatro cadenas de la izquierda se omite en Windows Phone 8.1.

Nombre de la versión 1TileWideBlockAndText01
Nombre de las versiones 2 y 3TileWide310x150BlockAndText01
Ejemplo

Ejemplo de TileWideBlockAndText01

XML de ejemplo

<tile>
  <visual>
    <binding template="TileWideBlockAndText01">
      <text id="1">Text Field 1</text>
      <text id="2">Text Field 2</text>
      <text id="3">Text Field 3</text>
      <text id="4">Text Field 4</text>
      <text id="5">Text Field 5 (block text)</text>
      <text id="6">Text Field 6 (under block text)</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileWide310x150BlockAndText01" fallback="TileWideBlockAndText01">
      <text id="1">Text Field 1</text>
      <text id="2">Text Field 2</text>
      <text id="3">Text Field 3</text>
      <text id="4">Text Field 4</text>
      <text id="5">Text Field 5 (block text)</text>
      <text id="6">Text Field 6 (under block text)</text>
    </binding>  
  </visual>
</tile>

 

TileWideBlockAndText02/TileWide310x150BlockAndText02

Una cadena de texto normal ajustado sobre un máximo de cuatro líneas a la izquierda; texto de bloque grande (debería ser un número) sobre una sola cadena corta de texto normal a la derecha.

Nombre de la versión 1TileWideBlockAndText02
Nombre de las versiones 2 y 3TileWide310x150BlockAndText02
Ejemplo

Ejemplo de TileWideBlockAndText02

XML de ejemplo

<tile>
  <visual>
    <binding template="TileWideBlockAndText02">
      <text id="1">Text Field 1</text>
      <text id="2">Text Field 2 (block text)</text>
      <text id="3">Text Field 3 (under block text)</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileWide310x150BlockAndText02" fallback="TileWideBlockAndText02">
      <text id="1">Text Field 1</text>
      <text id="2">Text Field 2 (block text)</text>
      <text id="3">Text Field 3 (under block text)</text>
    </binding>  
  </visual>
</tile>

 

Plantillas de solo imagen amplia

TileWideImage/TileWide310x150Image

Una imagen amplia que rellena completamente el icono, sin texto.

Nombre de la versión 1TileWideImage
Nombre de las versiones 2 y 3TileWide310x150Image
Ejemplo

Ejemplo de TileWideImage

XML de ejemplo

<tile>
  <visual>
    <binding template="TileWideImage">
      <image id="1" src="image1.png" alt="alt text"/>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileWide310x150Image" fallback="TileWideImage">
      <image id="1" src="image1.png" alt="alt text"/>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
1248 x 120310 x 150434 x 210558 x 270

 

TileWideImageCollection/TileWide310x150ImageCollection

Windows: una imagen cuadrada grande con cuatro imágenes cuadradas más pequeñas a la derecha, sin texto.

Windows Phone 8.1: las imágenes aparecen en un conjunto de 6x3 bloques teselados y volteados. Una imagen podría ocupar un bloque o cuatro. Las imágenes se muestran al azar, moviéndose entre bloques de diversos colores sólidos.

Nombre de la versión 1TileWideImageCollection
Nombre de las versiones 2 y 3TileWide310x150ImageCollection
Ejemplo

Ejemplo de TileWideImageCollection

XML de ejemplo

<tile>
  <visual>
    <binding template="TileWideImageCollection">
      <image id="1" src="image1.png" alt="larger image"/>
      <image id="2" src="image2.png" alt="small image, row 1, column 1"/>
      <image id="3" src="image3.png" alt="small image, row 1, column 2"/>
      <image id="4" src="image4.png" alt="small image, row 2, column 1"/>
      <image id="5" src="image5.png" alt="small image, row 2, column 2"/>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileWide310x150ImageCollection" fallback="TileWideImageCollection">
      <image id="1" src="image1.png" alt="larger image"/>
      <image id="2" src="image2.png" alt="small image, row 1, column 1"/>
      <image id="3" src="image3.png" alt="small image, row 1, column 2"/>
      <image id="4" src="image4.png" alt="small image, row 2, column 1"/>
      <image id="5" src="image5.png" alt="small image, row 2, column 2"/>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
1128x120160x150224x210288x270
2,3,4,560x6075x75105x105135x135

 

Plantillas de imagen amplia y texto

TileWideImageAndText01/TileWide310x150ImageAndText01

Una imagen amplia sobre una cadena de texto normal ajustado en un máximo de dos líneas (una línea en Windows Phone). El ancho del área de texto depende de si se muestra un logotipo.

Nota  Esta plantilla permite branding únicamente como "logo" o "none", pero no como "name". Si ajustas el atributo de personalización de marca a "name", este volverá automáticamente a "logo" en Windows o a "none" en Windows Phone 8.1.

Nombre de la versión 1TileWideImageAndText01
Nombre de las versiones 2 y 3TileWide310x150ImageAndText01
Ejemplo

Ejemplo de TileWideImageAndText01

XML de ejemplo

<tile>
  <visual>
    <binding template="TileWideImageAndText01">
      <image id="1" src="image1.png" alt="alt text"/>
      <text id="1">Text Field 1</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileWide310x150ImageAndText01" fallback="TileWideImageAndText01">
      <image id="1" src="image1.png" alt="alt text"/>
      <text id="1">Text Field 1</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
1248x80310x100434x140558x180

 

TileWideImageAndText02/TileWide310x150ImageAndText02

Windows: una imagen amplia sobre dos cadenas de texto normal en dos líneas. El texto no se ajusta. El ancho del área de texto depende de si se muestra un logotipo.

Windows Phone 8.1: una imagen amplia sobre una cadena de texto normal en una línea. El texto no se ajusta. La segunda cadena se omite. El ancho del área de texto depende de si se muestra un logotipo.

Nota  Esta plantilla permite branding únicamente como "logo" o "none", pero no como "name". Si ajustas el atributo de personalización de marca a "name", este volverá automáticamente a "logo" en Windows o a "none" en Windows Phone 8.1.

Nombre de la versión 1TileWideImageAndText02
Nombre de las versiones 2 y 3TileWide310x150ImageAndText02
EjemploEjemplo de TileWideImageAndText02
XML de ejemplo

<tile>
  <visual>
    <binding template="TileWideImageAndText02">
      <image id="1" src="image1.png" alt="alt text"/>
      <text id="1">Text Field 1</text>
      <text id="2">Text Field 2</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileWide310x150ImageAndText02" fallback="TileWideImageAndText02">
      <image id="1" src="image1.png" alt="alt text"/>
      <text id="1">Text Field 1</text>
      <text id="2">Text Field 2</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
1248x80310x100434x140558x180

 

TileWideSmallImageAndText01/TileWide310x150SmallImageAndText01

A la izquierda, una imagen pequeña; a la derecha, una cadena de texto grande ajustado sobre un máximo de tres líneas.

Importante  En Windows Phone 8.1, no se muestra la imagen.

Nombre de la versión 1TileWideSmallImageAndText01
Nombre de las versiones 2 y 3TileWide310x150SmallImageAndText01
Ejemplo

Ejemplo de TileWideSmallImageAndText01

XML de ejemplo

<tile>
  <visual>
    <binding template="TileWideSmallImageAndText01">
      <image id="1" src="image1.png" alt="alt text"/>
      <text id="1">Text Field 1</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileWide310x150SmallImageAndText01" fallback="TileWideSmallImageAndText01">
      <image id="1" src="image1.png" alt="alt text"/>
      <text id="1">Text Field 1</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
164x6480x80112x112144x144

 

TileWideSmallImageAndText02/TileWide310x150SmallImageAndText02

A la izquierda, una imagen pequeña; a la derecha, una cadena de encabezado de texto más grande en la primera línea sobre cuatro cadenas de texto normal en las siguientes cuatro líneas. El texto no se ajusta.

Importante  En Windows Phone 8.1, no se muestra la imagen.

Nombre de la versión 1TileWideSmallImageAndText02
Nombre de las versiones 2 y 3TileWide310x150SmallImageAndText02
EjemploEjemplo de TileWideSmallImageAndText02
XML de ejemplo

<tile>
  <visual>
    <binding template="TileWideSmallImageAndText02">
      <image id="1" src="image1.png" alt="alt text"/>
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
      <text id="3">Text Field 3</text>
      <text id="4">Text Field 4</text>
      <text id="5">Text Field 5</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileWide310x150SmallImageAndText02" fallback="TileWideSmallImageAndText02">
      <image id="1" src="image1.png" alt="alt text"/>
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
      <text id="3">Text Field 3</text>
      <text id="4">Text Field 4</text>
      <text id="5">Text Field 5</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
164x6480x80112x112144x144

 

TileWideSmallImageAndText03/TileWide310x150SmallImageAndText03

A la izquierda, una imagen pequeña; a la derecha, una cadena de texto normal ajustado sobre un máximo de cinco líneas.

Importante  En Windows Phone 8.1, no se muestra la imagen.

Nombre de la versión 1TileWideSmallImageAndText03
Nombre de las versiones 2 y 3TileWide310x150SmallImageAndText03
EjemploEjemplo de TileWideSmallImageAndText03
XML de ejemplo

<tile>
  <visual>
    <binding template="TileWideSmallImageAndText03">
      <image id="1" src="image1.png" alt="alt text"/>
      <text id="1">Text Field 1</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileWide310x150SmallImageAndText03" fallback="TileWideSmallImageAndText03">
      <image id="1" src="image1.png" alt="alt text"/>
      <text id="1">Text Field 1</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
164x6480x80112x112144x144

 

TileWideSmallImageAndText04/TileWide310x150SmallImageAndText04

A la izquierda, una imagen pequeña; a la derecha, una cadena de encabezado de texto más grande en la primera línea sobre una cadena de texto normal ajustado sobre un máximo de cuatro líneas.

Importante  En Windows Phone 8.1, no se muestra la imagen.

Nombre de la versión 1TileWideSmallImageAndText04
Nombre de las versiones 2 y 3TileWide310x150SmallImageAndText04
EjemploEjemplo de TileWideSmallImageAndText04
XML de ejemplo

<tile>
  <visual>
    <binding template="TileWideSmallImageAndText04">
      <image id="1" src="image1.png" alt="alt text"/>
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileWide310x150SmallImageAndText04" fallback="TileWideSmallImageAndText04">
      <image id="1" src="image1.png" alt="alt text"/>
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
164x6480x80112x112144x144

 

TileWideSmallImageAndText05/TileWide310x150SmallImageAndText05

A la izquierda, una cadena de encabezado en un texto más grande sobre una cadena de texto normal ajustado sobre un máximo de cuatro líneas; a la derecha, una imagen pequeña rectangular (3x4). Las imágenes que sean más amplias que el área de imagen se recortarán.

Importante  En Windows Phone 8.1, no se muestra la imagen.

Nombre de la versión 1TileWideSmallImageAndText05
Nombre de las versiones 2 y 3TileWide310x150SmallImageAndText05
EjemploEjemplo de TileWideSmallImageAndText05
XML de ejemplo

<tile>
  <visual>
    <binding template="TileWideSmallImageAndText05">
      <image id="1" src="image1.png" alt="alt text"/>
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileWide310x150SmallImageAndText05" fallback="TileWideSmallImageAndText05">
      <image id="1" src="image1.png" alt="alt text"/>
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
136x5245x6563x9181x117

 

Plantillas de información amplia

  • Applies to Windows Phone

Las plantillas de información en el teléfono voltean entre las dos secciones en lugar de desplazarse arriba y abajo entre ellas.

TileWidePeekImageCollection01/TileWide310x150PeekImageCollection01

Windows: arriba, una imagen cuadrada grande con cuatro imágenes cuadradas más pequeñas a la derecha, sin texto. Ten en cuenta que la imagen grande no es completamente cuadrada; es ligeramente más ancha que alta. Si suministras una imagen cuadrada, su ancho se escalará y se recortará ligeramente en la parte superior e inferior.

Windows Phone 8.1: adelante: las imágenes aparecen en un conjunto de 6x3 bloques teselados y volteados. Una imagen podría ocupar un bloque o cuatro. Las imágenes se muestran al azar, moviéndose entre bloques de diversos colores sólidos.

Abajo/Detrás: una cadena de encabezado en un texto más grande sobre una cadena de texto normal ajustado sobre un máximo de cuatro líneas.

Nombre de la versión 1TileWidePeekImageCollection01
Nombre de las versiones 2 y 3TileWide310x150PeekImageCollection01
EjemploEjemplo de TileWidePeekImageCollection01
XML de ejemplo

<tile>
  <visual>
    <binding template="TileWidePeekImageCollection01">
      <image id="1" src="image1.png" alt="larger image"/>
      <image id="2" src="image2.png" alt="small image, row 1, column 1"/>
      <image id="3" src="image3.png" alt="small image, row 1, column 2"/>
      <image id="4" src="image4.png" alt="small image, row 2, column 1"/>
      <image id="5" src="image5.png" alt="small image, row 2, column 2"/>
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileWide310x150PeekImageCollection01" fallback="TileWidePeekImageCollection01">
      <image id="1" src="image1.png" alt="larger image"/>
      <image id="2" src="image2.png" alt="small image, row 1, column 1"/>
      <image id="3" src="image3.png" alt="small image, row 1, column 2"/>
      <image id="4" src="image4.png" alt="small image, row 2, column 1"/>
      <image id="5" src="image5.png" alt="small image, row 2, column 2"/>
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
1128x120160x150224x210288x270
2,3,4,560x6075x75105x105135x135

 

TileWidePeekImageCollection02/TileWide310x150PeekImageCollection02

Windows: arriba, una imagen cuadrada grande con cuatro imágenes cuadradas más pequeñas a la derecha, sin texto. Ten en cuenta que la imagen grande no es completamente cuadrada; es ligeramente más ancha que alta. Si suministras una imagen cuadrada, su ancho se escalará y se recortará ligeramente en la parte superior e inferior.

Windows Phone 8.1: adelante: las imágenes aparecen en un conjunto de 6x3 bloques teselados y volteados. Una imagen podría ocupar un bloque o cuatro. Las imágenes se muestran al azar, moviéndose entre bloques de diversos colores sólidos.

Abajo/Detrás: una cadena de encabezado en un texto más grande en la primera línea, cuatro cadenas de texto normal en las cuatro líneas siguientes. El texto no se ajusta.

Nombre de la versión 1TileWidePeekImageCollection02
Nombre de las versiones 2 y 3TileWide310x150PeekImageCollection02
EjemploEjemplo de TileWidePeekImageCollection02
XML de ejemplo

<tile>
  <visual>
    <binding template="TileWidePeekImageCollection02">
      <image id="1" src="image1.png" alt="larger image"/>
      <image id="2" src="image2.png" alt="small image, row 1, column 1"/>
      <image id="3" src="image3.png" alt="small image, row 1, column 2"/>
      <image id="4" src="image4.png" alt="small image, row 2, column 1"/>
      <image id="5" src="image5.png" alt="small image, row 2, column 2"/>
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
      <text id="3">Text Field 3</text>
      <text id="4">Text Field 4</text>
      <text id="5">Text Field 5</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileWide310x150PeekImageCollection02" fallback="TileWidePeekImageCollection02">
      <image id="1" src="image1.png" alt="larger image"/>
      <image id="2" src="image2.png" alt="small image, row 1, column 1"/>
      <image id="3" src="image3.png" alt="small image, row 1, column 2"/>
      <image id="4" src="image4.png" alt="small image, row 2, column 1"/>
      <image id="5" src="image5.png" alt="small image, row 2, column 2"/>
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
      <text id="3">Text Field 3</text>
      <text id="4">Text Field 4</text>
      <text id="5">Text Field 5</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
1128x120160x150224x210288x270
2,3,4,560x6075x75105x105135x135

 

TileWidePeekImageCollection03/TileWide310x150PeekImageCollection03

Windows: arriba, una imagen cuadrada grande con cuatro imágenes cuadradas más pequeñas a la derecha, sin texto. Ten en cuenta que la imagen grande no es completamente cuadrada; es ligeramente más ancha que alta. Si suministras una imagen cuadrada, su ancho se escalará y se recortará ligeramente en la parte superior e inferior.

Windows Phone 8.1: adelante: las imágenes aparecen en un conjunto de 6x3 bloques teselados y volteados. Una imagen podría ocupar un bloque o cuatro. Las imágenes se muestran al azar, moviéndose entre bloques de diversos colores sólidos.

Abajo/Detrás: una cadena de texto grande ajustado sobre un máximo de tres líneas.

Nombre de la versión 1TileWidePeekImageCollection03
Nombre de las versiones 2 y 3TileWide310x150PeekImageCollection03
EjemploEjemplo de TileWidePeekImageCollection03
XML de ejemplo

<tile>
  <visual>
    <binding template="TileWidePeekImageCollection03">
      <image id="1" src="image1.png" alt="larger image"/>
      <image id="2" src="image2.png" alt="small image, row 1, column 1"/>
      <image id="3" src="image3.png" alt="small image, row 1, column 2"/>
      <image id="4" src="image4.png" alt="small image, row 2, column 1"/>
      <image id="5" src="image5.png" alt="small image, row 2, column 2"/>
      <text id="1">Text Field 1</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileWide310x150PeekImageCollection03" fallback="TileWidePeekImageCollection03">
      <image id="1" src="image1.png" alt="larger image"/>
      <image id="2" src="image2.png" alt="small image, row 1, column 1"/>
      <image id="3" src="image3.png" alt="small image, row 1, column 2"/>
      <image id="4" src="image4.png" alt="small image, row 2, column 1"/>
      <image id="5" src="image5.png" alt="small image, row 2, column 2"/>
      <text id="1">Text Field 1</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
1128x120160x150224x210288x270
2,3,4,560x6075x75105x105135x135

 

TileWidePeekImageCollection04/TileWide310x150PeekImageCollection04

Windows: arriba, una imagen cuadrada grande con cuatro imágenes cuadradas más pequeñas a la derecha, sin texto. Ten en cuenta que la imagen grande no es completamente cuadrada; es ligeramente más ancha que alta. Si suministras una imagen cuadrada, su ancho se escalará y se recortará ligeramente en la parte superior e inferior.

Windows Phone 8.1: adelante: las imágenes aparecen en un conjunto de 6x3 bloques teselados y volteados. Una imagen podría ocupar un bloque o cuatro. Las imágenes se muestran al azar, moviéndose entre bloques de diversos colores sólidos.

Abajo/Detrás: una cadena de texto normal ajustado sobre un máximo de cinco líneas.

Nombre de la versión 1TileWidePeekImageCollection04
Nombre de las versiones 2 y 3TileWide310x150PeekImageCollection04
EjemploEjemplo de TileWidePeekImageCollection04
XML de ejemplo

<tile>
  <visual>
    <binding template="TileWidePeekImageCollection04">
      <image id="1" src="image1.png" alt="larger image"/>
      <image id="2" src="image2.png" alt="small image, row 1, column 1"/>
      <image id="3" src="image3.png" alt="small image, row 1, column 2"/>
      <image id="4" src="image4.png" alt="small image, row 2, column 1"/>
      <image id="5" src="image5.png" alt="small image, row 2, column 2"/>
      <text id="1">Text Field 1</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileWide310x150PeekImageCollection04" fallback="TileWidePeekImageCollection04">
      <image id="1" src="image1.png" alt="larger image"/>
      <image id="2" src="image2.png" alt="small image, row 1, column 1"/>
      <image id="3" src="image3.png" alt="small image, row 1, column 2"/>
      <image id="4" src="image4.png" alt="small image, row 2, column 1"/>
      <image id="5" src="image5.png" alt="small image, row 2, column 2"/>
      <text id="1">Text Field 1</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
1128x120160x150224x210288x270
2,3,4,560x6075x75105x105135x135

 

TileWidePeekImageCollection05/TileWide310x150PeekImageCollection05

Windows

  • Arriba: una imagen cuadrada grande con cuatro imágenes cuadradas más pequeñas a la derecha, sin texto. Ten en cuenta que la imagen grande no es completamente cuadrada; es ligeramente más ancha que alta. Si suministras una imagen cuadrada, su ancho se escalará y se recortará ligeramente en la parte superior e inferior.
  • Abajo: a la izquierda, una imagen pequeña; a la derecha, una cadena de encabezado de texto más grande en la primera línea sobre una cadena de texto normal ajustado sobre un máximo de cuatro líneas.

Windows Phone 8.1

  • Delante: las imágenes aparecen en un conjunto de 6x3 bloques teselados y volteados. Una imagen podría ocupar un bloque o cuatro. Las imágenes se muestran al azar, moviéndose entre bloques de diversos colores sólidos.
  • Detrás: una cadena de encabezado de un texto más grande en la primera línea, sobre una cadena de texto normal ajustado sobre un máximo de cuatro líneas.
Nombre de la versión 1TileWidePeekImageCollection05
Nombre de las versiones 2 y 3TileWide310x150PeekImageCollection05
EjemploEjemplo de TileWidePeekImageCollection05
XML de ejemplo

<tile>
  <visual>
    <binding template="TileWidePeekImageCollection05">
      <image id="1" src="image1.png" alt="larger image"/>
      <image id="2" src="image2.png" alt="small image, row 1, column 1"/>
      <image id="3" src="image3.png" alt="small image, row 1, column 2"/>
      <image id="4" src="image4.png" alt="small image, row 2, column 1"/>
      <image id="5" src="image5.png" alt="small image, row 2, column 2"/>
      <image id="6" src="image6.png" alt="image next to text"/>
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileWide310x150PeekImageCollection05" fallback="TileWidePeekImageCollection05">
      <image id="1" src="image1.png" alt="larger image"/>
      <image id="2" src="image2.png" alt="small image, row 1, column 1"/>
      <image id="3" src="image3.png" alt="small image, row 1, column 2"/>
      <image id="4" src="image4.png" alt="small image, row 2, column 1"/>
      <image id="5" src="image5.png" alt="small image, row 2, column 2"/>
      <image id="6" src="image6.png" alt="image next to text"/>
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
1128x120160x150224x210288x270
2,3,4,560x6075x75105x105135x135
664x6480x80112x112144x144

 

TileWidePeekImageCollection06/TileWide310x150PeekImageCollection06

Windows

  • Arriba: una imagen cuadrada grande con cuatro imágenes cuadradas más pequeñas a la derecha, sin texto. Abajo: a la izquierda, una imagen pequeña; a la derecha, una cadena de texto grande ajustado sobre un máximo de tres líneas.
  • Abajo: a la izquierda, una imagen pequeña; a la derecha, una cadena de texto grande ajustado sobre un máximo de tres líneas.

Windows Phone 8.1

  • Delante: las imágenes aparecen en un conjunto de 6x3 bloques teselados y volteados. Una imagen podría ocupar un bloque o cuatro. Las imágenes se muestran al azar, moviéndose entre bloques de diversos colores sólidos.
  • Detrás: una cadena de texto grande ajustado sobre un máximo de tres líneas.
Nombre de la versión 1TileWidePeekImageCollection06
Nombre de las versiones 2 y 3TileWide310x150PeekImageCollection06
EjemploEjemplo de TileWidePeekImageCollection06
XML de ejemplo

<tile>
  <visual>
    <binding template="TileWidePeekImageCollection06">
      <image id="1" src="image1.png" alt="larger image"/>
      <image id="2" src="image2.png" alt="small image, row 1, column 1"/>
      <image id="3" src="image3.png" alt="small image, row 1, column 2"/>
      <image id="4" src="image4.png" alt="small image, row 2, column 1"/>
      <image id="5" src="image5.png" alt="small image, row 2, column 2"/>
      <image id="6" src="image6.png" alt="image next to text"/>
      <text id="1">Text Field 1</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileWide310x150PeekImageCollection06" fallback="TileWidePeekImageCollection06">
      <image id="1" src="image1.png" alt="larger image"/>
      <image id="2" src="image2.png" alt="small image, row 1, column 1"/>
      <image id="3" src="image3.png" alt="small image, row 1, column 2"/>
      <image id="4" src="image4.png" alt="small image, row 2, column 1"/>
      <image id="5" src="image5.png" alt="small image, row 2, column 2"/>
      <image id="6" src="image6.png" alt="image next to text"/>
      <text id="1">Text Field 1</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
1128x120160x150224x210288x270
2,3,4,560x6075x75105x105135x135
664x6480x80112x112144x144

 

TileWidePeekImageAndText01/TileWide310x150PeekImageAndText01

Windows: arriba: una imagen amplia cuya altura es más corta que la de una imagen amplia con sangrado completo.

Windows Phone 8.1: adelante: una imagen amplia que rellena completamente el icono.

Abajo/Detrás: una cadena de texto normal ajustado sobre un máximo de cinco líneas.

Nota  Esta plantilla permite branding únicamente como "logo" o "none", pero no como "name". Si estableces el atributo de branding en "name", revertirá automáticamente a "logo".

Nombre de la versión 1TileWidePeekImageAndText01
Nombre de las versiones 2 y 3TileWide310x150PeekImageAndText01
Ejemplo

Ejemplo de TileWidePeekImageAndText01

XML de ejemplo

<tile>
  <visual>
    <binding template="TileWidePeekImageAndText01">
      <image id="1" src="image1.png" alt="alt text"/>
      <text id="1">Text Field 1</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileWide310x150PeekImageAndText01" fallback="TileWidePeekImageAndText01">
      <image id="1" src="image1.png" alt="alt text"/>
      <text id="1">Text Field 1</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
1248x80310x100434x140558x180

 

TileWidePeekImageAndText02/TileWide310x150PeekImageAndText02

Arriba/Delante: una imagen amplia cuya altura es más corta que la de una imagen amplia con sangrado completo. Abajo/Detrás: cinco cadenas de texto normal en cinco líneas. El texto no se ajusta.

Nota  Esta plantilla permite branding únicamente como "logo" o "none", pero no como "name". Si estableces el atributo de branding en "name", revertirá automáticamente a "logo".

Nombre de la versión 1TileWidePeekImageAndText02
Nombre de las versiones 2 y 3TileWide310x150PeekImageAndText02
EjemploEjemplo de TileWidePeekImageAndText02
XML de ejemplo

<tile>
  <visual>
    <binding template="TileWidePeekImageAndText02">
      <image id="1" src="image1.png" alt="alt text"/>
      <text id="1">Text Field 1</text>
      <text id="2">Text Field 2</text>
      <text id="3">Text Field 3</text>
      <text id="4">Text Field 4</text>
      <text id="5">Text Field 5</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileWide310x150PeekImageAndText02" fallback="TileWidePeekImageAndText02">
      <image id="1" src="image1.png" alt="alt text"/>
      <text id="1">Text Field 1</text>
      <text id="2">Text Field 2</text>
      <text id="3">Text Field 3</text>
      <text id="4">Text Field 4</text>
      <text id="5">Text Field 5</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
1248x80310x100434x140558x180

 

TileWidePeekImage01/TileWide310x150PeekImage01

Arriba/Delante: una imagen amplia. Abajo/Detrás: una cadena de encabezado en un texto más grande sobre una cadena de texto normal que se ajusta sobre un máximo de cuatro líneas.

Nombre de la versión 1TileWidePeekImage01
Nombre de las versiones 2 y 3TileWide310x150PeekImage01
EjemploEjemplo de TileWidePeekImage01
XML de ejemplo

<tile>
  <visual>
    <binding template="TileWidePeekImage01">
      <image id="1" src="image1.png" alt="alt text"/>
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileWide310x150PeekImage01" fallback="TileWidePeekImage01">
      <image id="1" src="image1.png" alt="alt text"/>
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
1248 x 120310 x 150434 x 210558 x 270

 

TileWidePeekImage02/TileWide310x150PeekImage02

Arriba/Delante: una imagen amplia. Abajo/Detrás: una cadena de encabezado en un texto más grande en la primera línea, cuatro cadenas de texto normal en las cuatro líneas siguientes. El texto no se ajusta.

Nombre de la versión 1TileWidePeekImage02
Nombre de las versiones 2 y 3TileWide310x150PeekImage02
EjemploEjemplo de TileWidePeekImage02
XML de ejemplo

<tile>
  <visual>
    <binding template="TileWidePeekImage02">
      <image id="1" src="image1.png" alt="alt text"/>
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
      <text id="3">Text Field 3</text>
      <text id="4">Text Field 4</text>
      <text id="5">Text Field 5</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileWide310x150PeekImage02" fallback="TileWidePeekImage02">
      <image id="1" src="image1.png" alt="alt text"/>
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
      <text id="3">Text Field 3</text>
      <text id="4">Text Field 4</text>
      <text id="5">Text Field 5</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
1248 x 120310 x 150434 x 210558 x 270

 

TileWidePeekImage03/TileWide310x150PeekImage03

Arriba/Delante: una imagen amplia. Abajo/Detrás: una cadena de texto grande ajustado sobre un máximo de tres líneas.

Nombre de la versión 1TileWidePeekImage03
Nombre de las versiones 2 y 3TileWide310x150PeekImage03
EjemploEjemplo de TileWidePeekImage03
XML de ejemplo

<tile>
  <visual>
    <binding template="TileWidePeekImage03">
      <image id="1" src="image1.png" alt="alt text"/>
      <text id="1">Text Field 1</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileWide310x150PeekImage03" fallback="TileWidePeekImage03">
      <image id="1" src="image1.png" alt="alt text"/>
      <text id="1">Text Field 1</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
1248 x 120310 x 150434 x 210558 x 270

 

TileWidePeekImage04/TileWide310x150PeekImage04

Arriba/Delante: una imagen amplia. Abajo/Detrás: una cadena de texto normal ajustado sobre un máximo de cinco líneas.

Nombre de la versión 1TileWidePeekImage04
Nombre de las versiones 2 y 3TileWide310x150PeekImage04
EjemploEjemplo de TileWidePeekImage04
XML de ejemplo

<tile>
  <visual>
    <binding template="TileWidePeekImage04">
      <image id="1" src="image1.png" alt="alt text"/>
      <text id="1">Text Field 1</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileWide310x150PeekImage04" fallback="TileWidePeekImage04">
      <image id="1" src="image1.png" alt="alt text"/>
      <text id="1">Text Field 1</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
1248 x 120310 x 150434 x 210558 x 270

 

TileWidePeekImage05/TileWide310x150PeekImage05

Arriba/Delante: una imagen amplia.

Windows: abajo: a la izquierda, una imagen pequeña; a la derecha, una cadena de encabezado de texto más grande en la primera línea sobre una cadena de texto normal ajustado sobre un máximo de cuatro líneas.

Windows Phone 8.1: atrás: una cadena de encabezado de un texto más grande en la primera línea, sobre una cadena de texto normal ajustado sobre un máximo de cuatro líneas.

Nombre de la versión 1TileWidePeekImage05
Nombre de las versiones 2 y 3TileWide310x150PeekImage05
EjemploEjemplo de TileWidePeekImage05
XML de ejemplo

<tile>
  <visual>
    <binding template="TileWidePeekImage05">
      <image id="1" src="image1.png" alt="main image"/>
      <image id="2" src="image2.png" alt="smaller image next to text"/>
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileWide310x150PeekImage05" fallback="TileWidePeekImage05">
      <image id="1" src="image1.png" alt="main image"/>
      <image id="2" src="image2.png" alt="smaller image next to text"/>
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
1248 x 120310 x 150434 x 210558 x 270
264x6480x80112x112144x144

 

TileWidePeekImage06/TileWide310x150PeekImage06

Arriba/Delante: una imagen amplia.

Windows: abajo: a la izquierda, una imagen pequeña; a la derecha, una cadena de texto grande ajustado sobre un máximo de tres líneas.

Windows Phone 8.1: atrás: una cadena de texto grande ajustado sobre un máximo de tres líneas.

Importante  En Windows Phone 8.1, la imagen pequeña que acompaña al texto no se muestra.

Nombre de la versión 1TileWidePeekImage06
Nombre de las versiones 2 y 3TileWide310x150PeekImage06
EjemploEjemplo de TileWidePeekImage06
XML de ejemplo

<tile>
  <visual>
    <binding template="TileWidePeekImage06">
      <image id="1" src="image1.png" alt="main image"/>
      <image id="2" src="image2.png" alt="smaller image next to text"/>
      <text id="1">Text Field 1</text>
    </binding>  
  </visual>
</tile>

<tile>
  <visual version="2">
    <binding template="TileWide310x150PeekImage06" fallback="TileWidePeekImage06">
     <image id="1" src="image1.png" alt="main image"/>
      <image id="2" src="image2.png" alt="smaller image next to text"/>
      <text id="1">Text Field 1</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
1248 x 120310 x 150434 x 210558 x 270
264x6480x80112x112144x144

 

Iconos grandes

Plantillas de solo texto grande

TileSquare310x310Text01

  • Applies to Windows

Solo Windows; no compatible en Windows Phone 8.1

Una cadena de encabezado en un texto más grande en la primera línea, nueve cadenas de texto normal en las nueve siguientes líneas. El texto no se ajusta.

Nota  Esta plantilla requiere que el elemento visual declare version="2".

Nombre de la versión 1No se admite
Nombre de las versiones 2 y 3TileSquare310x310Text01
EjemploEjemplo de TileSquare310x310Text01
XML de ejemplo

<tile>
  <visual version="2">
    <binding template="TileSquare310x310Text01">
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
      <text id="3">Text Field 3</text>
      <text id="4">Text Field 4</text>
      <text id="5">Text Field 5</text>
      <text id="6">Text Field 6</text>
      <text id="7">Text Field 7</text>
      <text id="8">Text Field 8</text>
      <text id="9">Text Field 9</text>
      <text id="10">Text Field 10</text>
    </binding>  
  </visual>
</tile>

 

TileSquare310x310Text02

  • Applies to Windows

Solo Windows; no compatible en Windows Phone 8.1

Una cadena de encabezado en un texto más grande sobre dieciocho cadenas cortas organizadas en dos columnas de nueve líneas cada una. Las columnas tienen el mismo ancho. Esta plantilla es similar a TileSquare310x310Text05 y TileSquare310x310Text07, pero esas plantillas usan columnas de ancho desigual.

Nota  Esta plantilla requiere que el elemento visual declare version="2".

Nombre de la versión 1No se admite
Nombre de las versiones 2 y 3TileSquare310x310Text02
EjemploEjemplo de TileSquare310x310Text02
XML de ejemplo

<tile>
  <visual version="2">
    <binding template="TileSquare310x310Text02">
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2, row 1, column 1</text>
      <text id="3">Text Field 3, row 1, column 2</text>
      <text id="4">Text Field 4, row 2, column 1</text>
      <text id="5">Text Field 5, row 2, column 2</text>
      <text id="6">Text Field 6, row 3, column 1</text>
      <text id="7">Text Field 7, row 3, column 2</text>
      <text id="8">Text Field 8, row 4, column 1</text>
      <text id="9">Text Field 9, row 4, column 2</text>
      <text id="9">Text Field 10, row 5, column 1</text>
      <text id="9">Text Field 11, row 5, column 2</text>
      <text id="9">Text Field 12, row 6, column 1</text>
      <text id="9">Text Field 13, row 6, column 2</text>
      <text id="9">Text Field 14, row 7, column 1</text>
      <text id="9">Text Field 15, row 7, column 2</text>
      <text id="9">Text Field 16, row 8, column 1</text>
      <text id="9">Text Field 17, row 8, column 2</text>
      <text id="9">Text Field 18, row 9, column 1</text>
      <text id="9">Text Field 19, row 9, column 2</text>
    </binding>  
  </visual>
</tile>

 

TileSquare310x310Text03

  • Applies to Windows

Solo Windows; no compatible en Windows Phone 8.1

Once cadenas de texto normal en once líneas. El texto no se ajusta.

Nota  Esta plantilla requiere que el elemento visual declare version="2".

Nombre de la versión 1No se admite
Nombre de las versiones 2 y 3TileSquare310x310Text03
EjemploEjemplo de TileSquare310x310Text03
XML de ejemplo

<tile>
  <visual version="2">
    <binding template="TileSquare310x310Text03">
      <text id="1">Text Field 1</text>
      <text id="2">Text Field 2</text>
      <text id="3">Text Field 3</text>
      <text id="4">Text Field 4</text>
      <text id="5">Text Field 5</text>
      <text id="6">Text Field 6</text>
      <text id="7">Text Field 7</text>
      <text id="8">Text Field 8</text>
      <text id="9">Text Field 9</text>
      <text id="10">Text Field 10</text>
      <text id="11">Text Field 11</text>
    </binding>  
  </visual>
</tile>

 

TileSquare310x310Text04

  • Applies to Windows

Solo Windows; no compatible en Windows Phone 8.1

Veintidós cadenas cortas de texto normal, organizadas en dos columnas de once líneas cada una. Las columnas tienen el mismo ancho. Esta plantilla es similar a TileSquare310x310Text06 y TileSquare310x310Text08, pero esas plantillas usan columnas de ancho desigual.

Nota  Esta plantilla requiere que el elemento visual declare version="2".

Nombre de la versión 1No se admite
Nombre de las versiones 2 y 3TileSquare310x310Text04
EjemploEjemplo de TileSquare310x310Text04
XML de ejemplo

<tile>
  <visual version="2">
    <binding template="TileSquare310x310Text04">
      <text id="1">Text Field 1, row 1, column 1</text>
      <text id="2">Text Field 2, row 1, column 2</text>
      <text id="3">Text Field 3, row 2, column 1</text>
      <text id="4">Text Field 4, row 2, column 2</text>
      <text id="5">Text Field 5, row 3, column 1</text>
      <text id="6">Text Field 6, row 3, column 2</text>
      <text id="7">Text Field 7, row 4, column 1</text>
      <text id="8">Text Field 8, row 4, column 2</text>
      <text id="9">Text Field 9, row 5, column 1</text>
      <text id="10">Text Field 10, row 5, column 2</text>
      <text id="11">Text Field 11, row 6, column 1</text>
      <text id="12">Text Field 12, row 6, column 2</text>
      <text id="13">Text Field 13, row 7, column 1</text>
      <text id="14">Text Field 14, row 7, column 2</text>
      <text id="15">Text Field 15, row 8, column 1</text>
      <text id="16">Text Field 16, row 8, column 2</text>
      <text id="17">Text Field 17, row 9, column 1</text>
      <text id="18">Text Field 18, row 9, column 2</text>
      <text id="19">Text Field 19, row 10, column 1</text>
      <text id="20">Text Field 20, row 10, column 2</text>
      <text id="21">Text Field 21, row 11, column 1</text>
      <text id="22">Text Field 22, row 11, column 2</text>
    </binding>  
  </visual>
</tile>

 

TileSquare310x310Text05

  • Applies to Windows

Solo Windows; no compatible en Windows Phone 8.1

Una cadena de encabezado en un texto más grande sobre dieciocho cadenas cortas de texto normal organizadas en dos columnas de nueve líneas cada una. Los anchos de las columnas son tales que la primera columna actúa como una etiqueta y la segunda columna como el contenido. Esta plantilla es similar a TileSquare310x310Text07, cuya primera columna es incluso más estrecha, y a TileSquare310x310Text02, cuyas columnas tienen el mismo ancho.

Nota  Esta plantilla requiere que el elemento visual declare version="2".

Nombre de la versión 1No se admite
Nombre de las versiones 2 y 3TileSquare310x310Text05
EjemploEjemplo de TileSquare310x310Text05
XML de ejemplo

<tile>
  <visual version="2">
    <binding template="TileSquare310x310Text05">
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2, row 1, column 1</text>
      <text id="3">Text Field 3, row 1, column 2</text>
      <text id="4">Text Field 4, row 2, column 1</text>
      <text id="5">Text Field 5, row 2, column 2</text>
      <text id="6">Text Field 6, row 3, column 1</text>
      <text id="7">Text Field 7, row 3, column 2</text>
      <text id="8">Text Field 8, row 4, column 1</text>
      <text id="9">Text Field 9, row 4, column 2</text>
      <text id="9">Text Field 10, row 5, column 1</text>
      <text id="9">Text Field 11, row 5, column 2</text>
      <text id="9">Text Field 12, row 6, column 1</text>
      <text id="9">Text Field 13, row 6, column 2</text>
      <text id="9">Text Field 14, row 7, column 1</text>
      <text id="9">Text Field 15, row 7, column 2</text>
      <text id="9">Text Field 16, row 8, column 1</text>
      <text id="9">Text Field 17, row 8, column 2</text>
      <text id="9">Text Field 18, row 9, column 1</text>
      <text id="9">Text Field 19, row 9, column 2</text>
    </binding>  
  </visual>
</tile>

 

TileSquare310x310Text06

  • Applies to Windows

Solo Windows; no compatible en Windows Phone 8.1

Veintidós cadenas cortas de texto normal organizadas en dos columnas de once líneas cada una. Los anchos de las columnas son tales que la primera columna actúa como una etiqueta y la segunda columna como el contenido. Esta plantilla es similar a TileSquare310x310Text08, cuya primera columna es incluso más estrecha, y a TileSquare310x310Text04, cuyas columnas tienen el mismo ancho.

Nota  Esta plantilla requiere que el elemento visual declare version="2".

Nombre de la versión 1No se admite
Nombre de las versiones 2 y 3TileSquare310x310Text06
EjemploEjemplo de TileSquare310x310Text06
XML de ejemplo

<tile>
  <visual version="2">
    <binding template="TileSquare310x310Text06">
      <text id="1">Text Field 1, row 1, column 1</text>
      <text id="2">Text Field 2, row 1, column 2</text>
      <text id="3">Text Field 3, row 2, column 1</text>
      <text id="4">Text Field 4, row 2, column 2</text>
      <text id="5">Text Field 5, row 3, column 1</text>
      <text id="6">Text Field 6, row 3, column 2</text>
      <text id="7">Text Field 7, row 4, column 1</text>
      <text id="8">Text Field 8, row 4, column 2</text>
      <text id="9">Text Field 9, row 5, column 1</text>
      <text id="10">Text Field 10, row 5, column 2</text>
      <text id="11">Text Field 11, row 6, column 1</text>
      <text id="12">Text Field 12, row 6, column 2</text>
      <text id="13">Text Field 13, row 7, column 1</text>
      <text id="14">Text Field 14, row 7, column 2</text>
      <text id="15">Text Field 15, row 8, column 1</text>
      <text id="16">Text Field 16, row 8, column 2</text>
      <text id="17">Text Field 17, row 9, column 1</text>
      <text id="18">Text Field 18, row 9, column 2</text>
      <text id="19">Text Field 19, row 10, column 1</text>
      <text id="20">Text Field 20, row 10, column 2</text>
      <text id="21">Text Field 21, row 11, column 1</text>
      <text id="22">Text Field 22, row 11, column 2</text>
    </binding>  
  </visual>
</tile>

 

TileSquare310x310Text07

  • Applies to Windows

Solo Windows; no compatible en Windows Phone 8.1

Una cadena de encabezado en un texto más grande sobre dieciocho cadenas cortas de texto normal organizadas en dos columnas de nueve líneas cada una. Los anchos de las columnas son tales que la primera columna actúa como una etiqueta y la segunda columna como el contenido. Esta plantilla es similar a TileSquare310x310Text05, cuya primera columna es más ancha, y a TileSquare310x310Text02, cuyas columnas tienen el mismo ancho.

Nota  Esta plantilla requiere que el elemento visual declare version="2".

Nombre de la versión 1No se admite
Nombre de las versiones 2 y 3TileSquare310x310Text07
EjemploEjemplo de TileSquare310x310Text07
XML de ejemplo

<tile>
  <visual version="2">
    <binding template="TileSquare310x310Text07">
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2, row 1, column 1</text>
      <text id="3">Text Field 3, row 1, column 2</text>
      <text id="4">Text Field 4, row 2, column 1</text>
      <text id="5">Text Field 5, row 2, column 2</text>
      <text id="6">Text Field 6, row 3, column 1</text>
      <text id="7">Text Field 7, row 3, column 2</text>
      <text id="8">Text Field 8, row 4, column 1</text>
      <text id="9">Text Field 9, row 4, column 2</text>
      <text id="9">Text Field 10, row 5, column 1</text>
      <text id="9">Text Field 11, row 5, column 2</text>
      <text id="9">Text Field 12, row 6, column 1</text>
      <text id="9">Text Field 13, row 6, column 2</text>
      <text id="9">Text Field 14, row 7, column 1</text>
      <text id="9">Text Field 15, row 7, column 2</text>
      <text id="9">Text Field 16, row 8, column 1</text>
      <text id="9">Text Field 17, row 8, column 2</text>
      <text id="9">Text Field 18, row 9, column 1</text>
      <text id="9">Text Field 19, row 9, column 2</text>
    </binding>  
  </visual>
</tile>

 

TileSquare310x310Text08

  • Applies to Windows

Solo Windows; no compatible en Windows Phone 8.1

Veintidós cadenas cortas de texto normal organizadas en dos columnas de once líneas cada una. Los anchos de las columnas son tales que la primera columna actúa como una etiqueta y la segunda columna como el contenido. Esta plantilla es similar a TileSquare310x310Text06, cuya primera columna es más ancha, y a TileSquare310x310Text04, cuyas columnas tienen el mismo ancho.

Nota  Esta plantilla requiere que el elemento visual declare version="2".

Nombre de la versión 1No se admite
Nombre de las versiones 2 y 3TileSquare310x310Text08
EjemploEjemplo de TileSquare310x310Text08
XML de ejemplo

<tile>
  <visual version="2">
    <binding template="TileSquare310x310Text08">
      <text id="1">Text Field 1, row 1, column 1</text>
      <text id="2">Text Field 2, row 1, column 2</text>
      <text id="3">Text Field 3, row 2, column 1</text>
      <text id="4">Text Field 4, row 2, column 2</text>
      <text id="5">Text Field 5, row 3, column 1</text>
      <text id="6">Text Field 6, row 3, column 2</text>
      <text id="7">Text Field 7, row 4, column 1</text>
      <text id="8">Text Field 8, row 4, column 2</text>
      <text id="9">Text Field 9, row 5, column 1</text>
      <text id="10">Text Field 10, row 5, column 2</text>
      <text id="11">Text Field 11, row 6, column 1</text>
      <text id="12">Text Field 12, row 6, column 2</text>
      <text id="13">Text Field 13, row 7, column 1</text>
      <text id="14">Text Field 14, row 7, column 2</text>
      <text id="15">Text Field 15, row 8, column 1</text>
      <text id="16">Text Field 16, row 8, column 2</text>
      <text id="17">Text Field 17, row 9, column 1</text>
      <text id="18">Text Field 18, row 9, column 2</text>
      <text id="19">Text Field 19, row 10, column 1</text>
      <text id="20">Text Field 20, row 10, column 2</text>
      <text id="21">Text Field 21, row 11, column 1</text>
      <text id="22">Text Field 22, row 11, column 2</text>
    </binding>  
  </visual>
</tile>

 

TileSquare310x310Text09

  • Applies to Windows

Solo Windows; no compatible en Windows Phone 8.1

Una línea de texto de encabezado ajustado en un máximo de dos líneas. Debajo hay dos líneas más de texto de encabezado, ligeramente separadas, de tan solo una línea cada una. En la parte inferior hay dos líneas de texto normal, cada una de una sola línea.

Nota  Esta plantilla requiere que el elemento visual declare version="2".

Nombre de la versión 1No se admite
Nombre de las versiones 2 y 3TileSquare310x310Text09
EjemploEjemplo de TileSquare310x310Text09
XML de ejemplo

<tile>
  <visual version="2">
    <binding template="TileSquare310x310Text09">
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2 (larger text)</text>
      <text id="3">Text Field 3 (larger text)</text>
      <text id="4">Text Field 4</text>
      <text id="5">Text Field 5</text>
    </binding>  
  </visual>
</tile>

 

TileSquare310x310TextList01

  • Applies to Windows

Solo Windows; no compatible en Windows Phone 8.1

Tres avisos apilados, cada un de ellos con una cadena de encabezado en un texto más grande en la primera línea y dos cadenas de texto normal en las dos líneas siguientes. El texto no se ajusta.

Nota  Esta plantilla requiere que el elemento visual declare version="2".

Nombre de la versión 1No se admite
Nombre de las versiones 2 y 3TileSquare310x310TextList01
EjemploEjemplo de TileSquare310x310TextList01
XML de ejemplo

<tile>
  <visual version="2">
    <binding template="TileSquare310x310TextList01">
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
      <text id="3">Text Field 3</text>
      <text id="4">Text Field 4 (larger text)</text>
      <text id="5">Text Field 5</text>
      <text id="6">Text Field 6</text>
      <text id="7">Text Field 7 (larger text)</text>
      <text id="8">Text Field 8</text>
      <text id="9">Text Field 9</text>
    </binding>  
  </visual>
</tile>

 

TileSquare310x310TextList02

  • Applies to Windows

Solo Windows; no compatible en Windows Phone 8.1

Tres avisos apilados, cada uno de ellos con una cadena de texto normal ajustado en un máximo de tres líneas.

Nota  Esta plantilla requiere que el elemento visual declare version="2".

Nombre de la versión 1No se admite
Nombre de las versiones 2 y 3TileSquare310x310TextList02
EjemploEjemplo de TileSquare310x310TextList02
XML de ejemplo

<tile>
  <visual version="2">
    <binding template="TileSquare310x310TextList02">
      <text id="1">Text Field 1</text>
      <text id="2">Text Field 2</text>
      <text id="3">Text Field 3</text>
    </binding>  
  </visual>
</tile>

 

TileSquare310x310TextList03

  • Applies to Windows

Solo Windows; no compatible en Windows Phone 8.1

Tres avisos apilados, cada uno de ellos con una cadena de encabezado en un texto más grande sobre una cadena de texto normal ajustado en un máximo de dos líneas.

Nota  Esta plantilla requiere que el elemento visual declare version="2".

Nombre de la versión 1No se admite
Nombre de las versiones 2 y 3TileSquare310x310TextList03
EjemploEjemplo de TileSquare310x310TextList03
XML de ejemplo

<tile>
  <visual version="2">
    <binding template="TileSquare310x310TextList03">
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
      <text id="3">Text Field 3 (larger text)</text>
      <text id="4">Text Field 4</text>
      <text id="5">Text Field 5 (larger text)</text>
      <text id="6">Text Field 6</text>
    </binding>  
  </visual>
</tile>

 

TileSquare310x310BlockAndText01

  • Applies to Windows

Solo Windows; no compatible en Windows Phone 8.1

Dos grupos de texto principales separados por una área en blanco:

  • Una cadena de texto grande que puede ajustarse en un máximo de dos líneas, sobre dos cadenas de texto normal sin ajustar en dos líneas.
  • Cuatro cadenas en cuatro líneas, ligeramente separadas en dos conjuntos. En el lado hay una cadena de texto de bloque grande (debería ser un número) sobre una sola línea corta de texto normal.

Nota  Esta plantilla requiere que el elemento visual declare version="2".

Nombre de la versión 1No se admite
Nombre de las versiones 2 y 3TileSquare310x310BlockAndText01
EjemploEjemplo de TileSquare310x310BlockAndText01
XML de ejemplo

<tile>
  <visual version="2">
    <binding template="TileSquare310x310BlockAndText01">
      <text id="1">Text Field 1 (large text)</text>
      <text id="2">Text Field 2</text>
      <text id="3">Text Field 3</text>
      <text id="4">Text Field 4</text>
      <text id="5">Text Field 5</text>
      <text id="6">Text Field 6</text>
      <text id="7">Text Field 7</text>
      <text id="8">Text Field 8 (block text)</text>
      <text id="9">Text Field 9</text>
    </binding>  
  </visual>
</tile>

 

Plantillas de solo imagen grande

TileSquare310x310Image

  • Applies to Windows

Solo Windows; no compatible en Windows Phone 8.1

Una imagen que rellena completamente el icono, sin texto.

Nota  Esta plantilla requiere que el elemento visual declare version="2".

Nombre de la versión 1No se admite
Nombre de las versiones 2 y 3TileSquare310x310Image
EjemploEjemplo de TileSquare310x310Image
XML de ejemplo

<tile>
  <visual version="2">
    <binding template="TileSquare310x310Image">
      <image id="1" src="image1.png" alt="alt text"/>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
1248 x 248310 x 310434 x 434558 x 558

 

TileSquare310x310ImageCollection

  • Applies to Windows

Solo Windows; no compatible en Windows Phone 8.1

Cuatro imágenes cuadradas pequeñas superpuestas en una imagen superior cuadrada grande del icono completo. Ten en cuenta que las imágenes pequeñas recortan la parte superior de la imagen grande.

Nota  Esta plantilla requiere que el elemento visual declare version="2".

Nombre de la versión 1No se admite
Nombre de las versiones 2 y 3TileSquare310x310ImageCollection
EjemploEjemplo de TileSquare310x310ImageCollection
XML de ejemplo

<tile>
  <visual version="2">
    <binding template="TileSquare310x310ImageCollection">
      <image id="1" src="image1.png" alt="main image"/>
      <image id="2" src="image2.png" alt="small image 1 (left)"/>
      <image id="3" src="image3.png" alt="small image 2 (left center)"/>
      <image id="4" src="image4.png" alt="small image 3 (right center)"/>
      <image id="5" src="image5.png" alt="small image 4 (right)"/>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
1248x188310x235434x329558x423
2.564x6080x75112x105144x135
3.460x6075x75105x105135x135
El píxel situado más a la izquierda de la imagen 2 y el píxel situado más a la derecha de las imágenes 4 y 5 están oscurecidos por un borde.

 

Plantillas de imagen y texto grande

TileSquare310x310BlockAndText02

  • Applies to Windows

Solo Windows; no compatible en Windows Phone 8.1

Una cadena de texto de bloque grande (debería ser un número); dos líneas de texto de encabezado grande (sin ajustar); dos conjuntos de dos cadenas en dos líneas (sin ajustar). Imagen en segundo plano. Si el color del texto es claro, la imagen se oscurece un poco para mejorar la visibilidad del texto.

Nota  Esta plantilla requiere que el elemento visual declare version="2".

Nombre de la versión 1No se admite
Nombre de las versiones 2 y 3TileSquare310x310BlockAndText02
EjemploEjemplo de TileSquare310x310BlockAndText02
XML de ejemplo

<tile>
  <visual version="2">
    <binding template="TileSquare310x310BlockAndText02">
      <image id="1" src="image1.png" alt="alt text"/>
      <text id="1">Text Field 1 (block text)</text>
      <text id="2">Text Field 2 (larger text)</text>
      <text id="3">Text Field 3 (larger text)</text>
      <text id="4">Text Field 4</text>
      <text id="5">Text Field 5</text>
      <text id="6">Text Field 6</text>
      <text id="7">Text Field 7</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
1248 x 248310 x 310434 x 434558 x 558

 

TileSquare310x310ImageAndText01

  • Applies to Windows

Solo Windows; no compatible en Windows Phone 8.1

Una imagen sobre una cadena de texto normal ajustado en un máximo de dos líneas. El ancho del área de texto depende de si se muestra un logotipo.

Nota  Esta plantilla permite branding únicamente como "logo" o "none", pero no como "name". Si estableces el atributo de branding en "name", revertirá automáticamente a "logo".

Nota  Esta plantilla requiere que el elemento visual declare version="2".

Nombre de la versión 1No se admite
Nombre de las versiones 2 y 3TileSquare310x310ImageAndText01
EjemploEjemplo de TileSquare310x310ImageAndText01
XML de ejemplo

<tile>
  <visual version="2">
    <binding template="TileSquare310x310ImageAndText01">
      <image id="1" src="image1.png" alt="alt text"/>
      <text id="1">Text Field 1</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
1248x200310x250434x350558x450

 

TileSquare310x310ImageAndText02

  • Applies to Windows

Solo Windows; no compatible en Windows Phone 8.1

Una imagen sobre dos cadenas de texto normal en dos líneas. El texto no se ajusta. El ancho del área de texto depende de si se muestra un logotipo.

Nota  Esta plantilla permite branding únicamente como "logo" o "none", pero no como "name". Si estableces el atributo de branding en "name", revertirá automáticamente a "logo".

Nota  Esta plantilla requiere que el elemento visual declare version="2".

Nombre de la versión 1No se admite
Nombre de las versiones 2 y 3TileSquare310x310ImageAndText02
EjemploEjemplo de TileSquare310x310ImageAndText02
XML de ejemplo

<tile>
  <visual version="2">
    <binding template="TileSquare310x310ImageAndText02">
      <image id="1" src="image1.png" alt="alt text"/>
      <text id="1">Text Field 1</text>
      <text id="2">Text Field 2</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
1248x200310x250434x350558x450

 

TileSquare310x310ImageAndTextOverlay01

  • Applies to Windows

Solo Windows; no compatible en Windows Phone 8.1

Segundo plano: una sola imagen que rellena completamente el icono. Primer plano: una cadena de texto ajustado en un máximo de tres líneas. Si el color del texto es claro, la imagen se oscurece un poco para mejorar la visibilidad del texto.

Nota  Esta plantilla requiere que el elemento visual declare version="2".

Nombre de la versión 1No se admite
Nombre de las versiones 2 y 3TileSquare310x310ImageAndTextOverlay01
EjemploEjemplo de TileSquare310x310ImageAndTextOverlay01
XML de ejemplo

<tile>
  <visual version="2">
    <binding template="TileSquare310x310ImageAndTextOverlay01">
      <image id="1" src="image1.png" alt="alt text"/>
      <text id="1">Text Field 1</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
1248 x 248310 x 310434 x 434558 x 558

 

TileSquare310x310ImageAndTextOverlay02

  • Applies to Windows

Solo Windows; no compatible en Windows Phone 8.1

Segundo plano: una sola imagen que rellena completamente el icono. Primer plano: arriba, una cadena de texto grande ajustado en un máximo de dos líneas; abajo, una cadena de texto normal ajustado en un máximo de tres líneas. Si el color del texto es claro, la imagen se oscurece un poco para mejorar la visibilidad del texto.

Nota  Esta plantilla requiere que el elemento visual declare version="2".

Nombre de la versión 1No se admite
Nombre de las versiones 2 y 3TileSquare310x310ImageAndTextOverlay02
EjemploEjemplo de TileSquare310x310ImageAndTextOverlay02
XML de ejemplo

<tile>
  <visual version="2">
    <binding template="TileSquare310x310ImageAndTextOverlay02">
      <image id="1" src="image1.png" alt="alt text"/>
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
1248 x 248310 x 310434 x 434558 x 558

 

TileSquare310x310ImageAndTextOverlay03

  • Applies to Windows

Solo Windows; no compatible en Windows Phone 8.1

Segundo plano: una sola imagen que rellena completamente el icono. Primer plano: arriba, una cadena de texto grande ajustado en un máximo de dos líneas; abajo, tres cadenas de texto normal sin ajustar en tres líneas. Si el color del texto es claro, la imagen se oscurece un poco para mejorar la visibilidad del texto.

Nota  Esta plantilla requiere que el elemento visual declare version="2".

Nombre de la versión 1No se admite
Nombre de las versiones 2 y 3TileSquare310x310ImageAndTextOverlay03
EjemploEjemplo de TileSquare310x310ImageAndTextOverlay03
XML de ejemplo

<tile>
  <visual version="2">
    <binding template="TileSquare310x310ImageAndTextOverlay03">
      <image id="1" src="image1.png" alt="alt text"/>
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
      <text id="3">Text Field 3</text>
      <text id="4">Text Field 4</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
1248 x 248310 x 310434 x 434558 x 558

 

TileSquare310x310ImageCollectionAndText01

  • Applies to Windows

Solo Windows; no compatible en Windows Phone 8.1

TileSquare310x310ImageCollection con una cinta de texto adicional en la parte inferior del icono. El área de texto contiene una cadena de texto normal ajustado en un máximo de dos líneas. Ten en cuenta que las imágenes pequeñas recortan la parte superior de la imagen grande, mientras que el área de texto recorta la parte inferior de la imagen. El ancho del área de texto depende de si se muestra un logotipo.

Nota  Esta plantilla permite branding únicamente como "logo" o "none", pero no como "name". Si estableces el atributo de branding en "name", revertirá automáticamente a "logo".

Nota  Esta plantilla requiere que el elemento visual declare version="2".

Nombre de la versión 1No se admite
Nombre de las versiones 2 y 3TileSquare310x310ImageCollectionAndText01
EjemploEjemplo de TileSquare310x310ImageCollectionAndText01
XML de ejemplo

<tile>
  <visual version="2">
    <binding template="TileSquare310x310ImageCollectionAndText01">
      <image id="1" src="image1.png" alt="main image"/>
      <image id="2" src="image2.png" alt="small image 1 (left)"/>
      <image id="3" src="image3.png" alt="small image 2 (left center)"/>
      <image id="4" src="image4.png" alt="small image 3 (right center)"/>
      <image id="5" src="image5.png" alt="small image 4 (right)"/>
      <text id="1">Text Field 1</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
1248x148310x185434x259558x333
2.564x6080x75112x105144x135
3.460x6075x75105x105135x135
El píxel situado más a la izquierda de la imagen 2 y el píxel situado más a la derecha de las imágenes 4 y 5 están oscurecidos por un borde.

 

TileSquare310x310ImageCollectionAndText02

  • Applies to Windows

Solo Windows; no compatible en Windows Phone 8.1

TileSquare310x310ImageCollection con una cinta de texto adicional en la parte inferior del icono. El área de texto contiene dos cadenas de texto normal en dos líneas. El texto no se ajusta. Ten en cuenta que las imágenes pequeñas recortan la parte superior de la imagen grande, mientras que el área de texto recorta la parte inferior de la imagen. El ancho del área de texto depende de si se muestra un logotipo.

Nota  Esta plantilla permite branding únicamente como "logo" o "none", pero no como "name". Si estableces el atributo de branding en "name", revertirá automáticamente a "logo".

Nota  Esta plantilla requiere que el elemento visual declare version="2".

Nombre de la versión 1No se admite
Nombre de las versiones 2 y 3TileSquare310x310ImageCollectionAndText02
EjemploEjemplo de TileSquare310x310ImageCollectionAndText02
XML de ejemplo

<tile>
  <visual version="2">
    <binding template="TileSquare310x310ImageCollectionAndText02">
      <image id="1" src="image1.png" alt="main image"/>
      <image id="2" src="image2.png" alt="small image 1 (left)"/>
      <image id="3" src="image3.png" alt="small image 2 (left center)"/>
      <image id="4" src="image4.png" alt="small image 3 (right center)"/>
      <image id="5" src="image5.png" alt="small image 4 (right)"/>
      <text id="1">Text Field 1</text>
      <text id="2">Text Field 2</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
1248x148310x185434x259558x333
2.564x6080x75112x105144x135
3.460x6075x75105x105135x135
El píxel situado más a la izquierda de la imagen 2 y el píxel situado más a la derecha de las imágenes 4 y 5 están oscurecidos por un borde.

 

TileSquare310x310SmallImagesAndTextList01

  • Applies to Windows

Solo Windows; no compatible en Windows Phone 8.1

Tres conjuntos de información, cada uno de ellos con una imagen cuadrada pequeña a la izquierda de una cadena de encabezado en texto más grande sobre dos cadenas de texto normal en las dos siguientes líneas. El texto no se ajusta.

Nota  Esta plantilla requiere que el elemento visual declare version="2".

Nombre de la versión 1No se admite
Nombre de las versiones 2 y 3TileSquare310x310SmallImagesAndTextList01
EjemploEjemplo de TileSquare310x310SmallImagesAndTextList01
XML de ejemplo

<tile>
  <visual version="2">
    <binding template="TileSquare310x310SmallImagesAndTextList01">
      <image id="1" src="image1.png" alt="alt text"/>
      <image id="2" src="image2.png" alt="alt text"/>
      <image id="3" src="image3.png" alt="alt text"/>
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
      <text id="3">Text Field 3</text>
      <text id="4">Text Field 4 (larger text)</text>
      <text id="5">Text Field 5</text>
      <text id="6">Text Field 6</text>
      <text id="7">Text Field 7 (larger text)</text>
      <text id="8">Text Field 8</text>
      <text id="9">Text Field 9</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
1,2,348x4860x6084x84108x108

 

TileSquare310x310SmallImagesAndTextList02

  • Applies to Windows

Solo Windows; no compatible en Windows Phone 8.1

Hasta tres conjuntos de información, cada uno de ellos con una imagen cuadrada pequeña a la izquierda de una cadena de texto normal ajustado en un máximo de tres líneas.

Nota  Esta plantilla requiere que el elemento visual declare version="2".

Nombre de la versión 1No se admite
Nombre de las versiones 2 y 3TileSquare310x310SmallImagesAndTextList02
EjemploEjemplo de TileSquare310x310SmallImagesAndTextList02
XML de ejemplo

<tile>
  <visual version="2">
    <binding template="TileSquare310x310SmallImagesAndTextList02">
      <image id="1" src="image1.png" alt="alt text"/>
      <image id="2" src="image2.png" alt="alt text"/>
      <image id="3" src="image3.png" alt="alt text"/>
      <text id="1">Text Field 1</text>
      <text id="2">Text Field 2</text>
      <text id="3">Text Field 3</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
1,2,348x4860x6084x84108x108

 

TileSquare310x310SmallImagesAndTextList03

  • Applies to Windows

Solo Windows; no compatible en Windows Phone 8.1

Hasta tres conjuntos de información, cada uno de ellos con una imagen cuadrada pequeña a la izquierda de una cadena de texto grande sobre una cadena de texto normal ajustado en un máximo de dos líneas.

Nota  Esta plantilla requiere que el elemento visual declare version="2".

Nombre de la versión 1No se admite
Nombre de las versiones 2 y 3TileSquare310x310SmallImagesAndTextList03
EjemploEjemplo de TileSquare310x310SmallImagesAndTextList03
XML de ejemplo

<tile>
  <visual version="2">
    <binding template="TileSquare310x310SmallImagesAndTextList03">
      <image id="1" src="image1.png" alt="alt text"/>
      <image id="2" src="image2.png" alt="alt text"/>
      <image id="3" src="image3.png" alt="alt text"/>
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
      <text id="3">Text Field 3 (larger text)</text>
      <text id="4">Text Field 4</text>
      <text id="5">Text Field 5 (larger text)</text>
      <text id="6">Text Field 6</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
1,2,348x4860x6084x84108x108

 

TileSquare310x310SmallImagesAndTextList04

  • Applies to Windows

Solo Windows; no compatible en Windows Phone 8.1

Hasta tres conjuntos de información, cada uno de ellos con una imagen rectangular pequeña a la derecha de una cadena de texto grande sobre una cadena de texto normal ajustado en un máximo de dos líneas.

Nota  Esta plantilla requiere que el elemento visual declare version="2".

Nombre de la versión 1No se admite
Nombre de las versiones 2 y 3TileSquare310x310SmallImagesAndTextList04
EjemploEjemplo de TileSquare310x310SmallImagesAndTextList04
XML de ejemplo

<tile>
  <visual version="2">
    <binding template="TileSquare310x310SmallImagesAndTextList04">
      <image id="1" src="image1.png" alt="alt text"/>
      <image id="2" src="image2.png" alt="alt text"/>
      <image id="3" src="image3.png" alt="alt text"/>
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
      <text id="3">Text Field 3 (larger text)</text>
      <text id="4">Text Field 4</text>
      <text id="5">Text Field 5 (larger text)</text>
      <text id="6">Text Field 6</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
1,2,336x5245x6563x9181x117

 

TileSquare310x310SmallImagesAndTextList05

  • Applies to Windows

Solo Windows; no compatible en Windows Phone 8.1

Una línea de texto de encabezado en la parte superior, sobre tres conjuntos de información, cada uno de ellos con una imagen cuadrada pequeña a la izquierda de una cadena de encabezado en texto más grande sobre dos cadenas de texto normal en las dos siguientes líneas. El texto no se ajusta.

Nota  Esta plantilla requiere que el elemento visual declare version="2".

Nombre de la versión 1No se admite
Nombre de las versiones 2 y 3TileSquare310x310SmallImagesAndTextList05
EjemploEjemplo de TileSquare310x310SmallImagesAndTextList05
XML de ejemplo

<tile>
  <visual version="2">
    <binding template="TileSquare310x310SmallImagesAndTextList05">
      <image id="1" src="image1.png" alt="alt text"/>
      <image id="2" src="image2.png" alt="alt text"/>
      <image id="3" src="image3.png" alt="alt text"/>
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
      <text id="3">Text Field 3</text>
      <text id="4">Text Field 4</text>
      <text id="5">Text Field 5</text>
      <text id="6">Text Field 6</text>
      <text id="7">Text Field 7</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
1,2,348x4860x6084x84108x108

 

TileSquare310x310SmallImageAndText01

  • Applies to Windows

Solo Windows; no compatible en Windows Phone 8.1

Una imagen de tamaño mediado en la esquina superior izquierda (superior derecha en los sistemas de derecha a izquierda) sobre una sola cadena de encabezado sin ajustar. Debajo de ella hay dos conjuntos de texto normal: el primero ajustado en un máximo de dos líneas y el segundo en una sola línea.

Nota  Esta plantilla requiere que el elemento visual declare version="2".

Nombre de la versión 1No se admite
Nombre de las versiones 2 y 3TileSquare310x310SmallImageAndText01
EjemploEjemplo de TileSquare310x310SmallImageAndText01
XML de ejemplo

<tile>
  <visual version="2">
    <binding template="TileSquare310x310SmallImageAndText01">
      <image id="1" src="image1.png" alt="alt text"/>
      <text id="1">Text Field 1 (larger text)</text>
      <text id="2">Text Field 2</text>
      <text id="3">Text Field 3</text>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

Identificador de imagen80%100%140%180%
164x6480x80112x112144x144

 

Iconos solo para Windows Phone

TileSquare71x71Image

  • Applies to Windows Phone

Solo Windows Phone

Una imagen cuadrada que rellena completamente el icono, sin texto.

Nota  Esta plantilla requiere que el elemento visual declare version="3".

Nombre de la versión 1No se admite
Nombre de la versión 2No se admite
Nombre de la versión 3TileSquare71x71Image
EjemploEjemplo de TileSquare71x71Image
XML de ejemplo

<tile>
  <visual version="2">
    <binding template="TileSquare71x71Image">
      <image id="1" src="image1.png" alt="alt text"/>
    </binding>  
  </visual>
</tile>

 

Tamaños de imagen por escala (en píxeles) en Windows

100%71x71
140%100x100
240%171x171
300%213x213
400%284x284
Algunos valores se redondean hacia arriba al píxel más próximo, pero es igualmente válido redondear hacia abajo.

 

TileSquare71x71IconWithBadge

  • Applies to Windows Phone

Solo Windows Phone

Una sola imagen de icono. El fondo de la imagen de icono debe ser transparente para permitir que el color del icono se vea. Una insignia, enviada con otra notificación, se muestra a la derecha de la imagen. A diferencia de otras imágenes de ejemplo de esta página, aquí se incluye la insignia (en este caso la número 13). Con esta plantilla, por ser del tamaño de icono pequeño, no se pueden mostrar el nombre ni el logotipo de la aplicación declarados en tu manifiesto.

Nota  Esta plantilla requiere que el elemento visual declare version="3".

Nombre de la versión 1No se admite
Nombre de la versión 2No se admite
Nombre de la versión 3TileSquare71x71IconWithBadge
EjemploEjemplo de TileSquare71x71IconWithBadge
XML de ejemplo

 

TileSquare150x150IconWithBadge

  • Applies to Windows Phone

Solo Windows Phone

Una sola imagen de icono. El fondo de la imagen de icono debe ser transparente para permitir que el color del icono se vea. Una insignia, enviada con otra notificación, se muestra a la derecha de la imagen. A diferencia de otras imágenes de ejemplo de esta página, aquí se incluye la insignia (en este caso la número 13).

Nota  Esta plantilla requiere que el elemento visual declare version="3".

Nombre de la versión 1No se admite
Nombre de la versión 2No se admite
Nombre de la versión 3TileSquare150x150IconWithBadge
EjemploEjemplo de TileSquare150x150IconWithBadge
XML de ejemplo

 

TileWide310x150IconWithBadgeAndText

  • Applies to Windows Phone

Solo Windows Phone

En la esquina inferior derecha, una sola imagen de icono. El fondo de la imagen de icono debe ser transparente para permitir que el color del icono se vea. Una insignia, enviada con otra notificación, se muestra a la derecha de la imagen. A diferencia de otras imágenes de ejemplo de esta página, aquí se incluye la insignia (en este caso la número 13).

Nota  Si no se especifica ningún elemento de texto en esta plantilla, la insignia y la imagen de icono se centran en el icono.

En la esquina superior derecha, una cadena de encabezado con un texto más grande en la primera línea y dos cadenas de texto normal en las dos líneas siguientes. El texto no se ajusta.

Nota  Esta plantilla requiere que el elemento visual declare version="3".

Nombre de la versión 1No se admite
Nombre de la versión 2No se admite
Nombre de la versión 3TileWide310x150IconWithBadgeAndText
EjemploEjemplo de TileWide310x150IconWithBadgeAndText
XML de ejemplo

 

Plantillas con versión

Windows 8.1 agregó nuevas plantillas para iconos cuadrados grandes. Para distinguir los iconos grandes de los iconos medianos (conocidos como iconos cuadrados en Windows 8), se ha cambiado el nombre de todas las plantillas antiguas, lo que implica usar plantillas con versión.

Las notificaciones de la versión 1 se declaran estableciendo el atributo version del elemento visual de la carga XML en "1" u omitiendo el atributo. Las notificaciones de la versión 1 cumplen la definición de Windows 8: los elementos de esquema y los nombres de la plantilla original. Las notificaciones de la versión 1 no reconocen los nombres de plantillas posteriores, que incluye todas las plantillas grandes y solo para teléfono.

Cuando Windows 8.1 o Windows Phone 8.1 recibe una notificación que contiene una carga de la versión 1, reconoce el nombre de plantilla antiguo, lo sustituye por el nombre nuevo y procesa la notificación con normalidad. Sin embargo, dado que una notificación de la versión 1 no puede incluir un enlace de un icono grande, si el usuario ha cambiado el tamaño del icono de la aplicación al icono grande, no se puede mostrar la notificación.

Las notificaciones de la versión 2 se declaran estableciendo el atributo version de visual en "2". Las notificaciones de la versión 2 reconocen las plantillas grandes, los nuevos nombres de plantilla y el atributo fallback del elemento binding. En una carga de notificación de la versión 2, los nombres de plantilla antiguos solo se reconocen en el atributo fallback. El atributo template debe establecerse en uno de los nuevos nombres de plantilla.

Las notificaciones de la versión 3 difieren poco de las notificaciones de la versión 2, salvo que reconocen las plantillas solo para teléfono.

Utilización del atributo fallback

Puedes usar los atributos version y fallback para enviar una notificación que pueda reconocerse tanto si la recibe un cliente de Windows 8 como de Windows 8.1 o Windows Phone 8.1.

Cuando Windows 8 recibe un elemento visual de la versión 2 o 3, no reconoce el valor de plantilla porque solo reconoce los nombres de plantilla más antiguos. Cuando Windows detecta version="2" o version="3" en la carga, sabe que debe buscar un valor reconocido en el atributo fallback. Si falta el atributo fallback del enlace que coincide con el tamaño actual del icono o contiene un nombre de plantilla no reconocido, no se muestra la notificación. De lo contrario, se usa el nombre de plantilla especificado en el atributo fallback y la notificación se procesa con normalidad.

Las plantillas grandes y solo para teléfono no tienen un valor de fallback.

Tamaños de imagen

En cada plantilla se proporcionan tamaños exactos para cada imagen y para cada escala admitida. No es necesario que proporciones imágenes que coincidan exactamente con esos tamaños, pero las imágenes que no coinciden se escalan y se recortan según sea necesario. Para más información, consulta Tamaños de las imágenes de iconos y notificaciones del sistema.

Pero, debido al tiempo o los recursos, puede que no quieras o no necesites ofrecer un conjunto completo de activos. En ese caso, te inclinarás a ofrecer la imagen al 100%, ya que ese tamaño se encuentra en el nombre mismo de la plantilla, pero no sería la situación ideal. Para obtener los mejores resultados posibles, te recomendamos que incluyas los siguientes activos. Si solo ofreces un activo, debe ser el mayor de los dos.

PlataformaActivos recomendados
Windows180%, 140%
Windows Phone240%, 140%

 

Importante  Las imágenes se ajustan de tamaño y se recortan de forma diferente en Windows y en Windows Phone 8.1, por lo que la misma imagen, en la misma plantilla, podría mostrarse de manera diferente en los distintos dispositivos si resulta necesario cambiar su tamaño o recortarla.

Observaciones

Ten en cuenta que, cuando se muestran en un dispositivo configurado en un idioma de derecha a izquierda (RTL), las plantillas normalmente también se giran.

En Windows, en algunas plantillas no se representa la última línea de texto si el icono muestra una imagen de logotipo pequeño o un nombre para mostrar y ninguno de estos aparece en las ilustraciones de esta página. Para más información sobre la configuración del nombre para mostrar y el logotipo pequeño del icono, consulta Inicio rápido: creación de un icono predeterminado con el editor de manifiestos de Microsoft Visual Studio .

  • Applies to Windows Phone

Windows Phone no admite la presencia del logotipo pequeño en los iconos. Aparece el nombre para mostrar de forma predeterminada, pero esta opción puede desactivarse para que no se represente nada en esa zona.

Temas relacionados

TileTemplateType enumeration
Ejemplo de iconos y notificaciones de una aplicación
Inicio rápido: enviar una actualización de icono
Esquema XML de un icono
Introducción a los iconos y a las notificaciones de icono
Tamaños de las imágenes de iconos y notificaciones del sistema
Utilización de iconos dinámicos con diferentes tipos de aplicaciones

 

 

Mostrar:
© 2014 Microsoft