Catalogue de modèles de vignette (applications Windows Runtime)

Applies to Windows and Windows Phone

Cette rubrique répertorie les différents modèles de vignettes à utiliser dans une notification par vignette, avec des exemples illustrés de chacun d’eux pour Windows et Windows Phone 8.1. Sélectionnez le nom d’un modèle dans la liste pour afficher les détails de ce dernier, tels qu’un exemple de contenu XML, des noms avec version et des tailles d’image.

  • Applies to Windows Phone

Sur Windows Phone 8.1, l’affichage de certains types de modèle n’est pas le même que sur Windows. Les modèles synoptiques sur le téléphone basculent de l’avant vers l’arrière au lieu de défiler vers le haut et vers le bas, et les vignettes de la collection d’images s’appuient sur un modèle à damier animé.

TileSquare150x150Image

Exemple TileSquare150x150Image

TileSquare150x150Block

Exemple TileSquare150x150Block

TileSquare150x150Text01

Exemple TileSquare150x150Text01

TileSquare150x150Text02

Exemple TileSquare150x150Text02

TileSquare150x150Text03

Exemple TileSquare150x150Text03

TileSquare150x150Text04

Exemple TileSquare150x150Text04

TileSquare150x150PeekImageAndText01

Exemple TileSquare150x150PeekImageAndText01

TileSquare150x150PeekImageAndText02

Exemple TileSquare150x150PeekImageAndText02

TileSquare150x150PeekImageAndText03

Exemple TileSquare150x150PeekImageAndText03

TileSquare150x150PeekImageAndText04

Exemple TileSquare150x150PeekImageAndText04

TileWide310x150Image

Exemple TileWide310x150Image

TileWide310x150ImageCollection

Exemple TileWide310x150ImageCollection

TileWide310x150ImageAndText01

Exemple TileWide310x150ImageAndText01

TileWide310x150ImageAndText02

Exemple TileWide310x150ImageAndText02

TileWide310x150BlockAndText01

Exemple TileWide310x150BlockAndText01

TileWide310x150BlockAndText02

Exemple TileWide310x150BlockAndText02

TileWide310x150PeekImageCollection01

Exemple TileWide310x150PeekImageCollection01

TileWide310x150PeekImageCollection02

Exemple TileWide310x150PeekImageCollection02

TileWide310x150PeekImageCollection03

Exemple TileWide310x150PeekImageCollection03

TileWide310x150PeekImageCollection04

Exemple TileWide310x150PeekImageCollection04

TileWide310x150PeekImageCollection05

Exemple TileWide310x150PeekImageCollection05

TileWide310x150PeekImageCollection06

Exemple TileWide310x150PeekImageCollection06

TileWide310x150PeekImageAndText01

Exemple TileWide310x150PeekImageAndText01

TileWide310x150PeekImageAndText02

Exemple TileWide310x150PeekImageAndText02

TileWide310x150PeekImage01

Exemple TileWide310x150PeekImage01

TileWide310x150PeekImage02

Exemple TileWide310x150PeekImage02

TileWide310x150PeekImage03

Exemple TileWide310x150PeekImage03

TileWide310x150PeekImage04

Exemple TileWide310x150PeekImage04

TileWide310x150PeekImage05

Exemple TileWide310x150PeekImage05

TileWide310x150PeekImage06

Exemple TileWide310x150PeekImage06

TileWide310x150SmallImageAndText01

Exemple TileWide310x150SmallImageAndText01

TileWide310x150SmallImageAndText02

Exemple TileWide310x150SmallImageAndText02

TileWide310x150SmallImageAndText03

Exemple TileWide310x150SmallImageAndText03

TileWide310x150SmallImageAndText04

Exemple TileWide310x150SmallImageAndText04

TileWide310x150SmallImageAndText05

Exemple TileWide310x150SmallImageAndText05

TileWide310x150Text01

Exemple TileWide310x150Text01

TileWide310x150Text02

Exemple TileWide310x150Text02

TileWide310x150Text03

Exemple TileWide310x150Text03

TileWide310x150Text04

Exemple TileWide310x150Text04

TileWide310x150Text05

Exemple TileWide310x150Text05

TileWide310x150Text06

Exemple TileWide310x150Text06

TileWide310x150Text07

Exemple TileWide310x150Text07

TileWide310x150Text08

Exemple TileWide310x150Text08

TileWide310x150Text09

Exemple TileWide310x150Text09

TileWide310x150Text10

Exemple TileWide310x150Text10

TileWide310x150Text11

Exemple TileWide310x150Text11

TileSquare310x310BlockAndText01

Exemple TileSquare310x310BlockAndText01

TileSquare310x310BlockAndText02

Exemple TileSquare310x310BlockAndText02

TileSquare310x310Image

Exemple TileSquare310x310Image

TileSquare310x310ImageAndText01

Exemple TileSquare310x310ImageAndText01

TileSquare310x310ImageAndText02

Exemple TileSquare310x310ImageAndText02

TileSquare310x310ImageAndTextOverlay01

Exemple TileSquare310x310ImageAndTextOverlay01

TileSquare310x310ImageAndTextOverlay02

Exemple TileSquare310x310ImageAndTextOverlay02

TileSquare310x310ImageAndTextOverlay03

Exemple TileSquare310x310ImageAndTextOverlay03

TileSquare310x310ImageCollectionAndText01

Exemple TileSquare310x310ImageCollectionAndText01

TileSquare310x310ImageCollectionAndText02

exemple TileSquare310x310ImageCollectionAndText02

TileSquare310x310ImageCollection

Exemple TileSquare310x310ImageCollection

TileSquare310x310SmallImagesAndTextList01

Exemple TileSquare310x310SmallImagesAndTextList01

TileSquare310x310SmallImagesAndTextList02

Exemple TileSquare310x310SmallImagesAndTextList02

TileSquare310x310SmallImagesAndTextList03

Exemple TileSquare310x310SmallImagesAndTextList03

TileSquare310x310SmallImagesAndTextList04

Exemple TileSquare310x310SmallImagesAndTextList04

TileSquare310x310SmallImagesAndTextList05

Exemple TileSquare310x310SmallImagesAndTextList05

TileSquare310x310SmallImageAndText01

Exemple TileSquare310x310SmallImageAndText01

TileSquare310x310Text01

Exemple TileSquare310x310Text01

TileSquare310x310Text02

Exemple TileSquare310x310Text02

TileSquare310x310Text03

Exemple TileSquare310x310Text03

TileSquare310x310Text04

Exemple TileSquare310x310Text04

TileSquare310x310Text05

Exemple TileSquare310x310Text05

TileSquare310x310Text06

Exemple TileSquare310x310Text06

TileSquare310x310Text07

Exemple TileSquare310x310Text07

TileSquare310x310Text08

Exemple TileSquare310x310Text08

TileSquare310x310Text09

Exemple TileSquare310x310Text09

TileSquare310x310TextList01

Exemple TileSquare310x310TextList01

TileSquare310x310TextList02

Exemple TileSquare310x310TextList02

TileSquare310x310TextList03

Exemple TileSquare310x310TextList03

TileSquare71x71Image

Exemple TileSquare71x71Image

TileSquare71x71IconWithBadge

Exemple TileSquare71x71IconWithBadge

TileSquare150x150IconWithBadge

Exemple TileSquare150x150IconWithBadge

TileWide310x150IconWithBadgeAndText

Exemple TileWide310x150IconWithBadgeAndText

 

Vignettes moyennes

Les vignettes moyennes sont carrées et contiennent exclusivement une image ou du texte. Les vignettes synoptiques moyennes vous permettent de combiner des images et du texte dans une vignette animée.

Modèles moyens de texte seul

TileSquareBlock/TileSquare150x150Block

Windows : une chaîne d’un texte de grande taille (généralement numérique), placé au-dessus d’une ligne courte de texte de taille ordinaire.

Windows Phone 8.1 : une chaîne courte d’un texte de grande taille (généralement numérique) placé dans l’angle inférieur droit, à gauche d’une ligne très courte de texte de taille normale.

Nom version 1TileSquareBlock
Nom version 2 et 3TileSquare150x150Block
Exemple

Exemple TileSquareBlock

Exemple XML

<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

Chaîne d’en-tête en texte plus grand sur la première ligne et trois chaînes de texte de taille ordinaire sur les trois lignes suivantes. Le texte n’est pas renvoyé à la ligne.

Nom version 1TileSquareText01
Nom version 2 et 3TileSquare150x150Text01
ExempleExemple TileSquareText01
Exemple XML

<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

Chaîne d’en-tête en texte plus grand sur la première ligne, placé au-dessus d’une chaîne de texte de taille ordinaire sur trois lignes maximum.

Nom version 1TileSquareText02
Nom version 2 et 3TileSquare150x150Text02
ExempleExemple TileSquareText02
Exemple XML

<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

Quatre chaînes de texte de taille ordinaire sur quatre lignes. Le texte n’est pas renvoyé à la ligne.

Nom version 1TileSquareText03
Nom version 2 et 3TileSquare150x150Text03
ExempleExemple TileSquareText03
Exemple XML

<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

Chaîne de texte de taille ordinaire renvoyé sur quatre lignes maximum.

Nom version 1TileSquareText04
Nom version 2 et 3TileSquare150x150Text04
ExempleExemple TileSquareText04
Exemple XML

<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>

 

Modèles moyens d’image seule

TileSquareImage/TileSquare150x150Image

Image carrée sans texte couvrant l’intégralité de la vignette.

Nom version 1TileSquareImage
Nom version 2 et 3TileSquare150x150Image
Exemple

Exemple TileSquareImage

Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
1120 x 120150 x 150210 x 210270 x 270

 

Modèles synoptiques moyens

  • Applies to Windows Phone

Les modèles synoptiques sur le téléphone basculent d’une section à l’autre au lieu de les faire défiler verticalement.

TileSquarePeekImageAndText01/TileSquare150x150PeekImageAndText01

En haut/à l’avant : image carrée sans texte. En bas/à l’arrière : chaîne d’en-tête en texte plus grand sur la première ligne et trois chaînes de texte de taille ordinaire sur chacune des trois lignes suivantes. Le texte n’est pas renvoyé à la ligne.

Nom version 1TileSquarePeekImageAndText01
Nom version 2 et 3TileSquare150x150PeekImageAndText01
ExempleExemple TileSquarePeekImageAndText01
Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100 %140%180%
1120 x 120150 x 150210 x 210270 x 270

 

TileSquarePeekImageAndText02/TileSquare150x150PeekImageAndText02

En haut/à l’avant : image carrée sans texte. En bas/à l’arrière : chaîne d’en-tête en texte plus grand sur la première ligne, placé au-dessus d’une chaîne de texte de taille ordinaire renvoyé sur trois lignes maximum.

Nom version 1TileSquarePeekImageAndText02
Nom version 2 et 3TileSquare150x150PeekImageAndText02
ExempleExemple TileSquarePeekImageAndText02
Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80 %100 %140%180%
1120 x 120150 x 150210 x 210270 x 270

 

TileSquarePeekImageAndText03/TileSquare150x150PeekImageAndText03

En haut/à l’avant : image carrée sans texte. En bas/à l’arrière : quatre chaînes de texte de taille ordinaire sur quatre lignes. Le texte n’est pas renvoyé à la ligne.

Nom version 1TileSquarePeekImageAndText03
Nom version 2 et 3TileSquare150x150PeekImageAndText03
ExempleExemple TileSquarePeekImageAndText03
Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80 %100%140%180%
1120 x 120150 x 150210 x 210270 x 270

 

TileSquarePeekImageAndText04/TileSquare150x150PeekImageAndText04

En haut/à l’avant : image carrée sans texte. En bas/à l’arrière : chaîne de texte de taille ordinaire sur quatre lignes maximum.

Nom version 1TileSquarePeekImageAndText04
Nom version 2 et 3TileSquare150x150PeekImageAndText04
ExempleExemple TileSquarePeekImageAndText04
Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
1120 x 120150 x 150210 x 210270 x 270

 

Vignettes larges

Modèles larges de texte seul

TileWideText01/TileWide310x150Text01

Chaîne d’en-tête en texte plus grand sur la première ligne et quatre chaînes de texte de taille ordinaire sur les quatre lignes suivantes. Le texte n’est pas renvoyé à la ligne.

Nom version 1TileWideText01
Nom version 2 et 3TileWide310x150Text01
ExempleExemple TileWideText01
Exemple XML

<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

Windows uniquement, non pris en charge sur Windows Phone 8.1

Chaîne d’en-tête en texte plus grand placé au-dessus de huit chaînes courtes réparties sur deux colonnes de quatre lignes chacune. Les colonnes sont de même largeur.

Important  Si ce modèle est envoyé à Windows Phone 8.1, la vignette retrouve son image par défaut.

Nom version 1TileWideText02
Nom version 2 et 3TileWide310x150Text02
ExempleExemple TileWideText02
Exemple XML

<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

Chaîne de texte de grande taille renvoyée sur trois lignes maximum.

Nom version 1TileWideText03
Nom version 2 et 3TileWide310x150Text03
ExempleTileWideText03
Exemple XML

<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

Chaîne de texte de taille ordinaire renvoyé sur cinq lignes maximum.

Nom version 1TileWideText04
Nom version 2 et 3TileWide310x150Text04
ExempleExemple TileWideText04
Exemple XML

<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

Cinq chaînes de texte de taille ordinaire sur cinq lignes. Le texte n’est pas renvoyé à la ligne.

Nom version 1TileWideText05
Nom version 2 et 3TileWide310x150Text05
ExempleExemple TileWideText05
Exemple XML

<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

Windows uniquement, non pris en charge sur Windows Phone 8.1

Dix chaînes courtes de texte de taille ordinaire, réparties sur deux colonnes de cinq lignes chacune. Les colonnes sont de même largeur.

Important  Si ce modèle est envoyé à Windows Phone 8.1, la vignette retrouve son image par défaut.

Nom version 1TileWideText06
Nom version 2 et 3TileWide310x150Text06
ExempleExemple TileWideText06
Exemple XML

<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

Windows uniquement, non pris en charge sur Windows Phone 8.1

Chaîne d’en-tête en texte plus grand placé au-dessus de huit chaînes courtes de texte de taille ordinaire réparties sur deux colonnes de quatre lignes chacune. La largeur des colonnes est conçue pour que la première colonne serve d’étiquette et que la seconde reprenne le contenu. Ce modèle est semblable à TileWideText10 hormis que la première colonne est plus large.

Important  Si ce modèle est envoyé à Windows Phone 8.1, la vignette retrouve son image par défaut.

Nom version 1TileWideText07
Nom version 2 et 3TileWide310x150Text07
ExempleExemple TileWideText07
Exemple XML

<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

Windows uniquement, non pris en charge sur Windows Phone 8.1

Dix chaînes courtes de texte de taille ordinaire, réparties sur deux colonnes de cinq lignes chacune. La largeur des colonnes est conçue pour que la première colonne serve d’étiquette et que la seconde reprenne le contenu. Ce modèle est semblable à TileWideText11 hormis que la première colonne est plus large.

Important  Si ce modèle est envoyé à Windows Phone 8.1, la vignette retrouve son image par défaut.

Nom version 1TileWideText08
Nom version 2 et 3TileWide310x150Text08
ExempleExemple TileWideText08
Exemple XML

<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

Chaîne d’en-tête en texte plus grand placé au-dessus du texte de taille ordinaire renvoyé sur quatre lignes maximum.

Nom version 1TileWideText09
Nom version 2 et 3TileWide310x150Text09
ExempleExemple TileWideText09
Exemple XML

<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

Windows uniquement, non pris en charge sur Windows Phone 8.1

Chaîne d’en-tête en texte plus grand placé au-dessus de huit chaînes courtes de texte de taille ordinaire réparties sur deux colonnes de quatre lignes chacune. La largeur des colonnes est conçue pour que la première colonne serve d’étiquette et que la seconde reprenne le contenu. Ce modèle est semblable à TileWideText07 hormis que la première colonne est plus étroite.

Important  Si ce modèle est envoyé à Windows Phone 8.1, la vignette retrouve son image par défaut.

Nom version 1TileWideText10
Nom version 2 et 3TileWide310x150Text10
ExempleExemple TileWideText10
Exemple XML

<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

Windows uniquement, non pris en charge sur Windows Phone 8.1

Dix chaînes courtes de texte de taille ordinaire, réparties sur deux colonnes de cinq lignes chacune. La largeur des colonnes est conçue pour que la première colonne serve d’étiquette et que la seconde reprenne le contenu. Ce modèle est semblable à TileWideText08 hormis que la première colonne est plus étroite.

Important  Si ce modèle est envoyé à Windows Phone 8.1, la vignette retrouve son image par défaut.

Nom version 1TileWideText11
Nom version 2 et 3TileWide310x150Text11
ExempleExemple TileWideText11
Exemple XML

<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

À gauche : quatre chaînes de texte de taille ordinaire sans renvoi à la ligne. À droite : texte de grande taille (doit être numérique) placé au-dessus d’une ligne courte de texte de taille ordinaire.

Important  La dernière des quatre chaînes à gauche est ignorée dans Windows Phone 8.1.

Nom version 1TileWideBlockAndText01
Nom version 2 et 3TileWide310x150BlockAndText01
Exemple

Exemple TileWideBlockAndText01

Exemple XML

<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

À gauche : chaîne de texte de taille ordinaire sur quatre lignes maximum. À droite : texte de grande taille (doit être numérique) placé au-dessus d’une ligne courte de texte de taille ordinaire.

Nom version 1TileWideBlockAndText02
Nom version 2 et 3TileWide310x150BlockAndText02
Exemple

Exemple TileWideBlockAndText02

Exemple XML

<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>

 

Modèles larges d’image seule

TileWideImage/TileWide310x150Image

Image large sans texte couvrant l’intégralité de la vignette.

Nom version 1TileWideImage
Nom version 2 et 3TileWide310x150Image
Exemple

Exemple TileWideImage

Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
1248 x 120310 x 150434 x 210558 x 270

 

TileWideImageCollection/TileWide310x150ImageCollection

Windows : grande image carrée sans texte avec quatre images carrées plus petites à sa droite.

Windows Phone 8.1 : les images apparaissent dans un ensemble de blocs pivotant en mosaïque (6x3). Une image peut occuper un ou quatre blocs. Les images apparaissent de façon aléatoire, se déplaçant parmi des blocs de couleurs unies variables.

Nom version 1TileWideImageCollection
Nom version 2 et 3TileWide310x150ImageCollection
Exemple

Exemple TileWideImageCollection

Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
1128 x 120160 x 150224 x 210288 x 270
2, 3, 4, 560 x 6075 x 75105 x 105135 x 135

 

Modèles larges avec image et texte

TileWideImageAndText01/TileWide310x150ImageAndText01

Grande image placée au-dessus d’une chaîne de texte de taille ordinaire sur deux lignes maximum (une seule ligne sur Windows Phone). La largeur de l’espace de texte varie selon qu’un logo est affiché ou non.

Remarque  Ce modèle permet d’affecter uniquement la valeur « logo » ou « none » à l’attribut branding mais pas la valeur « name ». Si vous définissez l’attribut branding sur « name », il reprendra automatiquement la valeur « logo » sur Windows ou « none » sur Windows Phone 8.1.

Nom version 1TileWideImageAndText01
Nom version 2 et 3TileWide310x150ImageAndText01
Exemple

Exemple TileWideImageAndText01

Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
1248 x 80310 x 100434 x 140558 x 180

 

TileWideImageAndText02/TileWide310x150ImageAndText02

Windows : image large au-dessus de deux chaînes de texte de taille ordinaire sur deux lignes. Le texte n’est pas renvoyé à la ligne. La largeur de l’espace de texte varie selon si un logo est ou non affiché.

Windows Phone 8.1 : image large au-dessus d’une chaîne de texte de taille ordinaire sur une ligne. Le texte n’est pas renvoyé à la ligne. La seconde chaîne est ignorée. La largeur de l’espace de texte varie selon qu’un logo est affiché ou non.

Remarque  Ce modèle permet d’affecter uniquement la valeur « logo » ou « none » à l’attribut branding mais pas la valeur « name ». Si vous définissez l’attribut branding sur « name », il reprendra automatiquement la valeur « logo » sur Windows ou « none » sur Windows Phone 8.1.

Nom version 1TileWideImageAndText02
Nom version 2 et 3TileWide310x150ImageAndText02
ExempleExemple TileWideImageAndText02
Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
1248 x 80310 x 100434 x 140558 x 180

 

TileWideSmallImageAndText01/TileWide310x150SmallImageAndText01

À gauche : petite image. À droite : chaîne de texte de grande taille sur trois lignes maximum.

Important  Sur Windows Phone 8.1, l’image n’est pas affichée.

Nom version 1TileWideSmallImageAndText01
Nom version 2 et 3TileWide310x150SmallImageAndText01
Exemple

Exemple TileWideSmallImageAndText01

Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
164 x 6480 x 80112 x 112144 x 144

 

TileWideSmallImageAndText02/TileWide310x150SmallImageAndText02

À gauche, petite image. À droite, chaîne d’en-tête en texte plus grand sur la première ligne, placé au-dessus de quatre chaînes de texte de taille ordinaire sur les quatre lignes suivantes. Le texte n’est pas renvoyé à la ligne.

Important  Sur Windows Phone 8.1, l’image n’est pas affichée.

Nom version 1TileWideSmallImageAndText02
Nom version 2 et 3TileWide310x150SmallImageAndText02
ExempleExemple TileWideSmallImageAndText02
Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
164 x 6480 x 80112 x 112144 x 144

 

TileWideSmallImageAndText03/TileWide310x150SmallImageAndText03

À gauche : petite image. À droite : chaîne de texte de taille ordinaire sur cinq lignes maximum.

Important  Sur Windows Phone 8.1, l’image n’est pas affichée.

Nom version 1TileWideSmallImageAndText03
Nom version 2 et 3TileWide310x150SmallImageAndText03
ExempleExemple TileWideSmallImageAndText03
Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
164 x 6480 x 80112 x 112144 x 144

 

TileWideSmallImageAndText04/TileWide310x150SmallImageAndText04

À gauche : petite image. À droite : chaîne d’en-tête en texte plus grand sur la première ligne, placé au-dessus d’une chaîne de texte de taille ordinaire sur quatre lignes maximum.

Important  Sur Windows Phone 8.1, l’image n’est pas affichée.

Nom version 1TileWideSmallImageAndText04
Nom version 2 et 3TileWide310x150SmallImageAndText04
ExempleExemple TileWideSmallImageAndText04
Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
164 x 6480 x 80112 x 112144 x 144

 

TileWideSmallImageAndText05/TileWide310x150SmallImageAndText05

Sur la gauche, une chaîne d’en-tête en texte plus grand sur une chaîne de texte ordinaire sur un maximum de quatre lignes ; sur la droite, une petite image rectangulaire (3x4). Les images plus larges que la zone d’image sont rognées.

Important  Sur Windows Phone 8.1, l’image n’est pas affichée.

Nom version 1TileWideSmallImageAndText05
Nom version 2 et 3TileWide310x150SmallImageAndText05
ExempleExemple TileWideSmallImageAndText05
Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80 %100%140%180%
136 x 5245 x 6563 x 9181 x 117

 

Modèles synoptiques de grande taille

  • Applies to Windows Phone

Les modèles synoptiques sur le téléphone basculent d’une section à l’autre au lieu de les faire défiler verticalement.

TileWidePeekImageCollection01/TileWide310x150PeekImageCollection01

Windows : en haut, grande image carrée sans texte avec quatre images carrées plus petites à sa droite. Notez que l’image large n’est pas vraiment carrée ; elle est légèrement plus large que haute. Si vous fournissez une image carrée, celle-ci sera mise à l’échelle en largeur et légèrement rognée en haut et en bas.

Windows Phone 8.1  : à l’avant, les images apparaissent dans un ensemble de blocs pivotant en mosaïque (6x3). Une image peut occuper un ou quatre blocs. Les images apparaissent de façon aléatoire, se déplaçant parmi des blocs de couleurs unies variables.

En bas/à l’arrière : chaîne d’en-tête en texte plus grand placé au-dessus de texte de taille ordinaire renvoyé sur quatre lignes maximum.

Nom version 1TileWidePeekImageCollection01
Nom version 2 et 3TileWide310x150PeekImageCollection01
ExempleExemple TileWidePeekImageCollection01
Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
1128 x 120160 x 150224 x 210288 x 270
2, 3, 4, 560 x 6075 x 75105 x 105135 x 135

 

TileWidePeekImageCollection02/TileWide310x150PeekImageCollection02

Windows : en haut, grande image carrée sans texte avec quatre images carrées plus petites à sa droite. Notez que l’image large n’est pas vraiment carrée ; elle est légèrement plus large que haute. Si vous fournissez une image carrée, celle-ci sera mise à l’échelle en largeur et légèrement rognée en haut et en bas.

Windows Phone 8.1  : à l’avant, les images apparaissent dans un ensemble de blocs pivotant en mosaïque (6x3). Une image peut occuper un ou quatre blocs. Les images apparaissent de façon aléatoire, se déplaçant parmi des blocs de couleurs unies variables.

En bas/à l’arrière : chaîne d’en-tête en texte plus grand sur la première ligne et quatre chaînes de texte de taille ordinaire sur les quatre lignes suivantes. Le texte n’est pas renvoyé à la ligne.

Nom version 1TileWidePeekImageCollection02
Nom version 2 et 3TileWide310x150PeekImageCollection02
ExempleExemple TileWidePeekImageCollection02
Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
1128 x 120160 x 150224 x 210288 x 270
2, 3, 4, 560 x 6075 x 75105 x 105135 x 135

 

TileWidePeekImageCollection03/TileWide310x150PeekImageCollection03

Windows : en haut, grande image carrée sans texte avec quatre images carrées plus petites à sa droite. Notez que l’image large n’est pas vraiment carrée ; elle est légèrement plus large que haute. Si vous fournissez une image carrée, celle-ci sera mise à l’échelle en largeur et légèrement rognée en haut et en bas.

Windows Phone 8.1  : à l’avant, les images apparaissent dans un ensemble de blocs pivotant en mosaïque (6x3). Une image peut occuper un ou quatre blocs. Les images apparaissent de façon aléatoire, se déplaçant parmi des blocs de couleurs unies variables.

En bas/à l’arrière : chaîne de texte de grande taille sur trois lignes maximum.

Nom version 1TileWidePeekImageCollection03
Nom version 2 et 3TileWide310x150PeekImageCollection03
ExempleExemple TileWidePeekImageCollection03
Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
1128 x 120160 x 150224 x 210288 x 270
2, 3, 4, 560 x 6075 x 75105 x 105135 x 135

 

TileWidePeekImageCollection04/TileWide310x150PeekImageCollection04

Windows : en haut, grande image carrée sans texte avec quatre images carrées plus petites à sa droite. Notez que l’image large n’est pas vraiment carrée ; elle est légèrement plus large que haute. Si vous fournissez une image carrée, celle-ci sera mise à l’échelle en largeur et légèrement rognée en haut et en bas.

Windows Phone 8.1  : à l’avant, les images apparaissent dans un ensemble de blocs pivotant en mosaïque (6x3). Une image peut occuper un ou quatre blocs. Les images apparaissent de façon aléatoire, se déplaçant parmi des blocs de couleurs unies variables.

En bas/à l’arrière : chaîne de texte de taille ordinaire sur cinq lignes maximum.

Nom version 1TileWidePeekImageCollection04
Nom version 2 et 3TileWide310x150PeekImageCollection04
ExempleExemple TileWidePeekImageCollection04
Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
1128 x 120160 x 150224 x 210288 x 270
2, 3, 4, 560 x 6075 x 75105 x 105135 x 135

 

TileWidePeekImageCollection05/TileWide310x150PeekImageCollection05

Windows

  • En haut : grande image carrée sans texte avec quatre images carrées plus petites à sa droite. Notez que l’image large n’est pas vraiment carrée ; elle est légèrement plus large que haute. Si vous fournissez une image carrée, celle-ci sera mise à l’échelle en largeur et légèrement rognée en haut et en bas.
  • En bas : à gauche, petite image ; à droite, chaîne d’en-tête en texte plus grand sur la première ligne, placé au-dessus d’une chaîne de texte de taille ordinaire sur quatre lignes maximum.

Windows Phone 8.1

  • À l’avant, les images apparaissent dans un ensemble de blocs pivotant en mosaïque (6x3). Une image peut occuper un ou quatre blocs. Les images apparaissent de façon aléatoire, se déplaçant parmi des blocs de couleurs unies variables.
  • À l’arrière : chaîne d’en-tête en texte plus grand sur la première ligne, placé au-dessus d’une chaîne de texte de taille ordinaire sur quatre lignes maximum.
Nom version 1TileWidePeekImageCollection05
Nom version 2 et 3TileWide310x150PeekImageCollection05
ExempleExemple TileWidePeekImageCollection05
Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
1128 x 120160 x 150224 x 210288 x 270
2, 3, 4, 560 x 6075 x 75105 x 105135 x 135
664 x 6480 x 80112 x 112144 x 144

 

TileWidePeekImageCollection06/TileWide310x150PeekImageCollection06

Windows

  • En haut : grande image carrée sans texte avec quatre images carrées plus petites à sa droite. En bas : à gauche, petite image ; à droite, chaîne de texte de grande taille sur trois lignes maximum.
  • En bas : à gauche, petite image ; à droite, chaîne de texte de grande taille sur trois lignes maximum.

Windows Phone 8.1

  • À l’avant, les images apparaissent dans un ensemble de blocs pivotant en mosaïque (6x3). Une image peut occuper un ou quatre blocs. Les images apparaissent de façon aléatoire, se déplaçant parmi des blocs de couleurs unies variables.
  • À l’arrière : chaîne de texte de grande taille sur trois lignes maximum.
Nom version 1TileWidePeekImageCollection06
Nom version 2 et 3TileWide310x150PeekImageCollection06
ExempleExemple TileWidePeekImageCollection06
Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
1128 x 120160 x 150224 x 210288 x 270
2, 3, 4, 560 x 6075 x 75105 x 105135 x 135
664 x 6480 x 80112 x 112144 x 144

 

TileWidePeekImageAndText01/TileWide310x150PeekImageAndText01

Windows : en haut, image large, moins haute qu’une image large pleine page.

Windows Phone 8.1 : à l’avant, image large qui remplit la totalité de la vignette.

En bas/à l’arrière : chaîne de texte de taille ordinaire sur cinq lignes maximum.

Remarque  Ce modèle permet d’affecter uniquement la valeur « logo » ou « none » à l’attribut branding mais pas la valeur « name ». Si vous définissez l’attribut branding sur « name », il reprendra automatiquement la valeur « logo ».

Nom version 1TileWidePeekImageAndText01
Nom version 2 et 3TileWide310x150PeekImageAndText01
Exemple

Exemple TileWidePeekImageAndText01

Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
1248 x 80310 x 100434 x 140558 x 180

 

TileWidePeekImageAndText02/TileWide310x150PeekImageAndText02

En haut/à l’avant : image large, moins haute qu’une image large pleine page. En bas/à l’arrière : cinq chaînes de texte ordinaire sur cinq lignes. Le texte n’est pas renvoyé à la ligne.

Remarque  Ce modèle permet d’affecter uniquement la valeur « logo » ou « none » à l’attribut branding mais pas la valeur « name ». Si vous définissez l’attribut branding sur « name », il reprendra automatiquement la valeur « logo ».

Nom version 1TileWidePeekImageAndText02
Nom version 2 et 3TileWide310x150PeekImageAndText02
ExempleExemple TileWidePeekImageAndText02
Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
1248 x 80310 x 100434 x 140558 x 180

 

TileWidePeekImage01/TileWide310x150PeekImage01

En haut/à l’avant : image large. En bas/à l’arrière : chaîne d’en-tête en texte plus grand placé au-dessus d’un texte de taille ordinaire sur quatre lignes maximum.

Nom version 1TileWidePeekImage01
Nom version 2 et 3TileWide310x150PeekImage01
ExempleExemple TileWidePeekImage01
Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
1248 x 120310 x 150434 x 210558 x 270

 

TileWidePeekImage02/TileWide310x150PeekImage02

En haut/à l’avant : image large. En bas/à l’arrière : chaîne d’en-tête en texte plus grand sur la première ligne et quatre chaînes de texte de taille ordinaire sur les quatre lignes suivantes. Le texte n’est pas renvoyé à la ligne.

Nom version 1TileWidePeekImage02
Nom version 2 et 3TileWide310x150PeekImage02
ExempleExemple TileWidePeekImage02
Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
1248 x 120310 x 150434 x 210558 x 270

 

TileWidePeekImage03/TileWide310x150PeekImage03

En haut/à l’avant : image large. En bas/à l’arrière : chaîne de texte de grande taille sur trois lignes maximum.

Nom version 1TileWidePeekImage03
Nom version 2 et 3TileWide310x150PeekImage03
ExempleExemple TileWidePeekImage03
Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
1248 x 120310 x 150434 x 210558 x 270

 

TileWidePeekImage04/TileWide310x150PeekImage04

En haut/à l’avant : image large. En bas/à l’arrière : chaîne de texte de taille ordinaire sur cinq lignes maximum.

Nom version 1TileWidePeekImage04
Nom version 2 et 3TileWide310x150PeekImage04
ExempleExemple TileWidePeekImage04
Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
1248 x 120310 x 150434 x 210558 x 270

 

TileWidePeekImage05/TileWide310x150PeekImage05

En haut/à l’avant : image large.

Windows : en bas, à gauche, petite image ; à droite, chaîne d’en-tête en texte plus grand sur la première ligne, placé au-dessus d’une chaîne de texte de taille ordinaire sur quatre lignes maximum.

Windows Phone 8.1 : à l’arrière, chaîne d’en-tête en texte plus grand sur la première ligne, placé au-dessus d’une chaîne de texte de taille ordinaire sur quatre lignes maximum.

Nom version 1TileWidePeekImage05
Nom version 2 et 3TileWide310x150PeekImage05
ExempleExemple TileWidePeekImage05
Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
1248 x 120310 x 150434 x 210558 x 270
264 x 6480 x 80112 x 112144 x 144

 

TileWidePeekImage06/TileWide310x150PeekImage06

En haut/à l’avant : image large.

Windows : en bas, à gauche, petite image ; à droite, chaîne de texte de grande taille sur trois lignes maximum.

Windows Phone 8.1 : à l’arrière, chaîne de texte de grande taille sur trois lignes maximum.

Important  Sur Windows Phone 8.1, la petite image qui accompagne le texte n’est pas affichée.

Nom version 1TileWidePeekImage06
Nom version 2 et 3TileWide310x150PeekImage06
ExempleExemple TileWidePeekImage06
Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
1248 x 120310 x 150434 x 210558 x 270
264 x 6480 x 80112 x 112144 x 144

 

Grandes vignettes

Modèles de texte seul de grande taille

TileSquare310x310Text01

  • Applies to Windows

Windows uniquement, non pris en charge sur Windows Phone 8.1

Chaîne d’en-tête en texte plus grand sur la première ligne et neuf chaînes de texte de taille ordinaire sur les neuf lignes suivantes. Le texte n’est pas renvoyé à la ligne.

Remarque  Ce modèle nécessite l’élément visual pour déclarer « version="2" ».

Nom version 1Non pris en charge
Nom version 2 et 3TileSquare310x310Text01
ExempleExemple TileSquare310x310Text01
Exemple XML

<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

Windows uniquement, non pris en charge sur Windows Phone 8.1

Chaîne d’en-tête en texte plus grand placé au-dessus de dix-huit chaînes courtes réparties sur deux colonnes de neuf lignes chacune. Les colonnes sont de même largeur. Ce modèle est similaire aux modèles TileSquare310x310Text05 et TileSquare310x310Text07, qui utilisent cependant des colonnes de largeur inégale.

Remarque  Ce modèle nécessite l’élément visual pour déclarer « version="2" ».

Nom version 1Non pris en charge
Nom version 2 et 3TileSquare310x310Text02
ExempleExemple TileSquare310x310Text02
Exemple XML

<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="10">Text Field 10, row 5, column 1</text>
      <text id="11">Text Field 11, row 5, column 2</text>
      <text id="12">Text Field 12, row 6, column 1</text>
      <text id="13">Text Field 13, row 6, column 2</text>
      <text id="14">Text Field 14, row 7, column 1</text>
      <text id="15">Text Field 15, row 7, column 2</text>
      <text id="16">Text Field 16, row 8, column 1</text>
      <text id="17">Text Field 17, row 8, column 2</text>
      <text id="18">Text Field 18, row 9, column 1</text>
      <text id="19">Text Field 19, row 9, column 2</text>
    </binding>  
  </visual>
</tile>

 

TileSquare310x310Text03

  • Applies to Windows

Windows uniquement, non pris en charge sur Windows Phone 8.1

Onze chaînes de texte de taille ordinaire sur onze lignes. Le texte n’est pas renvoyé à la ligne.

Remarque  Ce modèle nécessite l’élément visual pour déclarer « version="2" ».

Nom version 1Non pris en charge
Nom version 2 et 3TileSquare310x310Text03
ExempleExemple TileSquare310x310Text03
Exemple XML

<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

Windows uniquement, non pris en charge sur Windows Phone 8.1

Vingt-deux chaînes courtes de texte de taille ordinaire, réparties sur deux colonnes de onze lignes chacune. Les colonnes sont de même largeur. Ce modèle est similaire aux modèles TileSquare310x310Text06 et TileSquare310x310Text08, qui utilisent cependant des colonnes de largeur inégale.

Remarque  Ce modèle nécessite l’élément visual pour déclarer « version="2" ».

Nom version 1Non pris en charge
Nom version 2 et 3TileSquare310x310Text04
ExempleExemple TileSquare310x310Text04
Exemple XML

<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

Windows uniquement, non pris en charge sur Windows Phone 8.1

Chaîne d’en-tête en texte plus grand placé au-dessus de dix-huit chaînes courtes de texte de taille ordinaire réparties sur deux colonnes de neuf lignes chacune. La largeur des colonnes est conçue pour que la première colonne serve d’étiquette et que la seconde reprenne le contenu. Ce modèle est similaire au modèle TileSquare310x310Text07, dont la première colonne est plus étroite, et au modèle TileSquare310x310Text02, dont les colonnes sont de même largeur.

Remarque  Ce modèle nécessite l’élément visual pour déclarer « version="2" ».

Nom version 1Non pris en charge
Nom version 2 et 3TileSquare310x310Text05
ExempleExemple TileSquare310x310Text05
Exemple XML

<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="10">Text Field 10, row 5, column 1</text>
      <text id="11">Text Field 11, row 5, column 2</text>
      <text id="12">Text Field 12, row 6, column 1</text>
      <text id="13">Text Field 13, row 6, column 2</text>
      <text id="14">Text Field 14, row 7, column 1</text>
      <text id="15">Text Field 15, row 7, column 2</text>
      <text id="16">Text Field 16, row 8, column 1</text>
      <text id="17">Text Field 17, row 8, column 2</text>
      <text id="18">Text Field 18, row 9, column 1</text>
      <text id="19">Text Field 19, row 9, column 2</text>
    </binding>  
  </visual>
</tile>

 

TileSquare310x310Text06

  • Applies to Windows

Windows uniquement, non pris en charge sur Windows Phone 8.1

Vingt-deux chaînes courtes de texte de taille ordinaire, réparties sur deux colonnes de onze lignes chacune. La largeur des colonnes est conçue pour que la première colonne serve d’étiquette et que la seconde reprenne le contenu. Ce modèle est similaire au modèle TileSquare310x310Text08, dont la première colonne est plus étroite, et au modèle TileSquare310x310Text04, dont les colonnes sont de même largeur.

Remarque  Ce modèle nécessite l’élément visual pour déclarer « version="2" ».

Nom version 1Non pris en charge
Nom version 2 et 3TileSquare310x310Text06
ExempleExemple TileSquare310x310Text06
Exemple XML

<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

Windows uniquement, non pris en charge sur Windows Phone 8.1

Chaîne d’en-tête en texte plus grand placé au-dessus de dix-huit chaînes courtes de texte de taille ordinaire réparties sur deux colonnes de neuf lignes chacune. La largeur des colonnes est conçue pour que la première colonne serve d’étiquette et que la seconde reprenne le contenu. Ce modèle est similaire au modèle TileSquare310x310Text05, dont la première colonne est plus large, et au modèle TileSquare310x310Text02, dont les colonnes sont de même largeur.

Remarque  Ce modèle nécessite l’élément visual pour déclarer « version="2" ».

Nom version 1Non pris en charge
Nom version 2 et 3TileSquare310x310Text07
ExempleExemple TileSquare310x310Text07
Exemple XML

<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="10">Text Field 10, row 5, column 1</text>
      <text id="11">Text Field 11, row 5, column 2</text>
      <text id="12">Text Field 12, row 6, column 1</text>
      <text id="13">Text Field 13, row 6, column 2</text>
      <text id="14">Text Field 14, row 7, column 1</text>
      <text id="15">Text Field 15, row 7, column 2</text>
      <text id="16">Text Field 16, row 8, column 1</text>
      <text id="17">Text Field 17, row 8, column 2</text>
      <text id="18">Text Field 18, row 9, column 1</text>
      <text id="19">Text Field 19, row 9, column 2</text>
    </binding>  
  </visual>
</tile>

 

TileSquare310x310Text08

  • Applies to Windows

Windows uniquement, non pris en charge sur Windows Phone 8.1

Vingt-deux chaînes courtes de texte de taille ordinaire, réparties sur deux colonnes de onze lignes chacune. La largeur des colonnes est conçue pour que la première colonne serve d’étiquette et que la seconde reprenne le contenu. Ce modèle est similaire au modèle TileSquare310x310Text06, dont la première colonne est plus large, et au modèle TileSquare310x310Text04, dont les colonnes sont de même largeur.

Remarque  Ce modèle nécessite l’élément visual pour déclarer « version="2" ».

Nom version 1Non pris en charge
Nom version 2 et 3TileSquare310x310Text08
ExempleExemple TileSquare310x310Text08
Exemple XML

<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

Windows uniquement, non pris en charge sur Windows Phone 8.1

Ligne de texte d’en-tête renvoyé sur deux lignes maximum. Sous celle-ci se trouvent deux autres lignes de texte d’en-tête légèrement séparées et limitées chacune à une seule ligne. En bas se trouvent deux lignes de texte ordinaire limitées chacune à une seule ligne.

Remarque  Ce modèle nécessite l’élément visual pour déclarer « version="2" ».

Nom version 1Non pris en charge
Nom version 2 et 3TileSquare310x310Text09
ExempleExemple TileSquare310x310Text09
Exemple XML

<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

Windows uniquement, non pris en charge sur Windows Phone 8.1

Trois notifications empilées, contenant chacune une chaîne d’en-tête en texte plus grand sur la première ligne et deux chaînes de texte de taille ordinaire sur les deux lignes suivantes. Le texte n’est pas renvoyé à la ligne.

Remarque  Ce modèle nécessite l’élément visual pour déclarer « version="2" ».

Nom version 1Non pris en charge
Nom version 2 et 3TileSquare310x310TextList01
ExempleExemple TileSquare310x310TextList01
Exemple XML

<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

Windows uniquement, non pris en charge sur Windows Phone 8.1

Trois notifications empilées, contenant chacune une chaîne de texte de taille ordinaire sur trois lignes maximum.

Remarque  Ce modèle nécessite l’élément visual pour déclarer « version="2" ».

Nom version 1Non pris en charge
Nom version 2 et 3TileSquare310x310TextList02
ExempleExemple TileSquare310x310TextList02
Exemple XML

<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

Windows uniquement, non pris en charge sur Windows Phone 8.1

Trois notifications empilées, contenant chacune une chaîne d’en-tête en texte plus grand placé au-dessus de texte de taille ordinaire renvoyé sur deux lignes maximum.

Remarque  Ce modèle nécessite l’élément visual pour déclarer « version="2" ».

Nom version 1Non pris en charge
Nom version 2 et 3TileSquare310x310TextList03
ExempleExemple TileSquare310x310TextList03
Exemple XML

<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

Windows uniquement, non pris en charge sur Windows Phone 8.1

Deux groupes de texte principaux séparés par une zone vide :

  • Chaîne de texte de grande taille, sur deux lignes maximum, au-dessus de deux chaînes de texte ordinaire sans renvoi à la ligne sur deux lignes.
  • Quatre chaînes sur quatre lignes, légèrement séparées en deux ensembles. Sur le côté se trouve une chaîne d’un texte de grande taille (doit être numérique), placé au-dessus d’une ligne courte de texte de taille ordinaire.

Remarque  Ce modèle nécessite l’élément visual pour déclarer « version="2" ».

Nom version 1Non pris en charge
Nom version 2 et 3TileSquare310x310BlockAndText01
ExempleExemple TileSquare310x310BlockAndText01
Exemple XML

<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>

 

Modèles d’image seule de grande taille

TileSquare310x310Image

  • Applies to Windows

Windows uniquement, non pris en charge sur Windows Phone 8.1

Image sans texte couvrant l’intégralité de la vignette.

Remarque  Ce modèle nécessite l’élément visual pour déclarer « version="2" ».

Nom version 1Non pris en charge
Nom version 2 et 3TileSquare310x310Image
ExempleExemple TileSquare310x310Image
Exemple XML

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

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
1248 x 248310 x 310434 x 434558 x 558

 

TileSquare310x310ImageCollection

  • Applies to Windows

Windows uniquement, non pris en charge sur Windows Phone 8.1

Quatre petites images carrées disposées le long du bord supérieur d’une grande image carrée de la taille de la vignette. Notez que les petites images tronquent le haut de la grande image.

Remarque  Ce modèle nécessite l’élément visual pour déclarer « version="2" ».

Nom version 1Non pris en charge
Nom version 2 et 3TileSquare310x310ImageCollection
ExempleExemple TileSquare310x310ImageCollection
Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
1248 x 188310 x 235434 x 329558 x 423
2, 564 x 6080 x 75112 x 105144 x 135
3, 460 x 6075 x 75105 x 105135 x 135
Le pixel le plus à gauche de l’image 2 et le pixel le plus à droite des images 4 et 5 sont masqués par une bordure.

 

Modèles de grande taille avec image et texte

TileSquare310x310BlockAndText02

  • Applies to Windows

Windows uniquement, non pris en charge sur Windows Phone 8.1

Chaîne d’un texte de grande taille (doit être numérique) ; deux lignes de texte d’en-tête de grande taille (sans renvoi à la ligne) ; deux ensembles de deux chaînes sur deux lignes (sans renvoi à la ligne). Image en arrière-plan. Si la couleur du texte est claire, l’image est légèrement assombrie pour améliorer la visibilité du texte.

Remarque  Ce modèle nécessite l’élément visual pour déclarer « version="2" ».

Nom version 1Non pris en charge
Nom version 2 et 3TileSquare310x310BlockAndText02
ExempleExemple TileSquare310x310BlockAndText02
Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
1248 x 248310 x 310434 x 434558 x 558

 

TileSquare310x310ImageAndText01

  • Applies to Windows

Windows uniquement, non pris en charge sur Windows Phone 8.1

Image placée au-dessus d’une chaîne de texte de taille ordinaire sur deux lignes maximum. La largeur de l’espace de texte varie selon si un logo est ou non affiché.

Remarque  Ce modèle permet d’affecter uniquement la valeur « logo » ou « none » à l’attribut branding mais pas la valeur « name ». Si vous définissez l’attribut branding sur « name », il reprendra automatiquement la valeur « logo ».

Remarque  Ce modèle nécessite l’élément visual pour déclarer « version="2" ».

Nom version 1Non pris en charge
Nom version 2 et 3TileSquare310x310ImageAndText01
ExempleExemple TileSquare310x310ImageAndText01
Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
1248 x 200310 x 250434 x 350558 x 450

 

TileSquare310x310ImageAndText02

  • Applies to Windows

Windows uniquement, non pris en charge sur Windows Phone 8.1

Image au-dessus de deux chaînes de texte de taille ordinaire sur deux lignes. Le texte n’est pas renvoyé à la ligne. La largeur de l’espace de texte varie selon si un logo est ou non affiché.

Remarque  Ce modèle permet d’affecter uniquement la valeur « logo » ou « none » à l’attribut branding mais pas la valeur « name ». Si vous définissez l’attribut branding sur « name », il reprendra automatiquement la valeur « logo ».

Remarque  Ce modèle nécessite l’élément visual pour déclarer « version="2" ».

Nom version 1Non pris en charge
Nom version 2 et 3TileSquare310x310ImageAndText02
ExempleExemple TileSquare310x310ImageAndText02
Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
1248 x 200310 x 250434 x 350558 x 450

 

TileSquare310x310ImageAndTextOverlay01

  • Applies to Windows

Windows uniquement, non pris en charge sur Windows Phone 8.1

Arrière-plan : image remplissant la totalité de la vignette. Premier plan : chaîne de texte sur trois lignes maximum. Si la couleur du texte est claire, l’image est légèrement assombrie pour améliorer la visibilité du texte.

Remarque  Ce modèle nécessite l’élément visual pour déclarer « version="2" ».

Nom version 1Non pris en charge
Nom version 2 et 3TileSquare310x310ImageAndTextOverlay01
ExempleExemple TileSquare310x310ImageAndTextOverlay01
Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
1248 x 248310 x 310434 x 434558 x 558

 

TileSquare310x310ImageAndTextOverlay02

  • Applies to Windows

Windows uniquement, non pris en charge sur Windows Phone 8.1

Arrière-plan : image remplissant la totalité de la vignette. Premier plan : en haut, chaîne de texte de grande taille sur deux lignes maximum ; en bas, chaîne de texte ordinaire sur trois lignes maximum. Si la couleur du texte est claire, l’image est légèrement assombrie pour améliorer la visibilité du texte.

Remarque  Ce modèle nécessite l’élément visual pour déclarer « version="2" ».

Nom version 1Non pris en charge
Nom version 2 et 3TileSquare310x310ImageAndTextOverlay02
ExempleExemple TileSquare310x310ImageAndTextOverlay02
Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
1248 x 248310 x 310434 x 434558 x 558

 

TileSquare310x310ImageAndTextOverlay03

  • Applies to Windows

Windows uniquement, non pris en charge sur Windows Phone 8.1

Arrière-plan : image remplissant la totalité de la vignette. Premier plan : en haut, chaîne de texte de grande taille sur deux lignes maximum ; en bas, trois chaînes de texte ordinaire sur trois lignes sans renvoi à la ligne. Si la couleur du texte est claire, l’image est légèrement assombrie pour améliorer la visibilité du texte.

Remarque  Ce modèle nécessite l’élément visual pour déclarer « version="2" ».

Nom version 1Non pris en charge
Nom version 2 et 3TileSquare310x310ImageAndTextOverlay03
ExempleExemple TileSquare310x310ImageAndTextOverlay03
Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
1248 x 248310 x 310434 x 434558 x 558

 

TileSquare310x310ImageCollectionAndText01

  • Applies to Windows

Windows uniquement, non pris en charge sur Windows Phone 8.1

TileSquare310x310ImageCollection avec ajout d’un ruban de texte en bas de la vignette. La zone de texte contient une chaîne de texte de taille ordinaire sur deux lignes maximum. Notez que les petites images tronquent le haut de la grande image, tandis que la zone de texte tronque le bas. La largeur de l’espace de texte varie selon si un logo est ou non affiché.

Remarque  Ce modèle permet d’affecter uniquement la valeur « logo » ou « none » à l’attribut branding mais pas la valeur « name ». Si vous définissez l’attribut branding sur « name », il reprendra automatiquement la valeur « logo ».

Remarque  Ce modèle nécessite l’élément visual pour déclarer « version="2" ».

Nom version 1Non pris en charge
Nom version 2 et 3TileSquare310x310ImageCollectionAndText01
ExempleExemple TileSquare310x310ImageCollectionAndText01
Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
1248 x 148310 x 185434 x 259558 x 333
2, 564 x 6080 x 75112 x 105144 x 135
3,460 x 6075 x 75105 x 105135 x 135
Le pixel le plus à gauche de l’image 2 et le pixel le plus à droite des images 4 et 5 sont masqués par une bordure.

 

TileSquare310x310ImageCollectionAndText02

  • Applies to Windows

Windows uniquement, non pris en charge sur Windows Phone 8.1

TileSquare310x310ImageCollection avec ajout d’un ruban de texte en bas de la vignette. La zone de texte contient deux chaînes de texte de taille ordinaire sur deux lignes. Le texte n’est pas renvoyé à la ligne. Notez que les petites images tronquent le haut de la grande image, tandis que la zone de texte tronque le bas. La largeur de l’espace de texte varie selon si un logo est ou non affiché.

Remarque  Ce modèle permet d’affecter uniquement la valeur « logo » ou « none » à l’attribut branding mais pas la valeur « name ». Si vous définissez l’attribut branding sur « name », il reprendra automatiquement la valeur « logo ».

Remarque  Ce modèle nécessite l’élément visual pour déclarer « version="2" ».

Nom version 1Non pris en charge
Nom version 2 et 3TileSquare310x310ImageCollectionAndText02
Exempleexemple TileSquare310x310ImageCollectionAndText02
Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
1248 x 148310 x 185434 x 259558 x 333
2, 564 x 6080 x 75112 x 105144 x 135
3,460 x 6075 x 75105 x 105135 x 135
Le pixel le plus à gauche de l’image 2 et le pixel le plus à droite des images 4 et 5 sont masqués par une bordure.

 

TileSquare310x310SmallImagesAndTextList01

  • Applies to Windows

Windows uniquement, non pris en charge sur Windows Phone 8.1

Trois blocs d’informations, composés chacun, à gauche, d’une petite image carrée et, à droite, d’une chaîne d’en-tête en texte plus grand placée au-dessus de deux chaînes de texte ordinaire sur deux lignes. Le texte n’est pas renvoyé à la ligne.

Remarque  Ce modèle nécessite l’élément visual pour déclarer « version="2" ».

Nom version 1Non pris en charge
Nom version 2 et 3TileSquare310x310SmallImagesAndTextList01
ExempleExemple TileSquare310x310SmallImagesAndTextList01
Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
1, 2, 348 x 4860 x 6084 x 84108 x 108

 

TileSquare310x310SmallImagesAndTextList02

  • Applies to Windows

Windows uniquement, non pris en charge sur Windows Phone 8.1

Trois blocs d’informations maximum, composés chacun, à gauche, d’une petite image carrée et, à droite, d’une chaîne de texte ordinaire sur trois lignes maximum.

Remarque  Ce modèle nécessite l’élément visual pour déclarer « version="2" ».

Nom version 1Non pris en charge
Nom version 2 et 3TileSquare310x310SmallImagesAndTextList02
ExempleExemple TileSquare310x310SmallImagesAndTextList02
Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
1, 2, 348 x 4860 x 6084 x 84108 x 108

 

TileSquare310x310SmallImagesAndTextList03

  • Applies to Windows

Windows uniquement, non pris en charge sur Windows Phone 8.1

Trois blocs d’informations maximum, composés chacun, à gauche, d’une petite image carrée et, à droite, d’une chaîne de texte de grande taille placée au-dessus d’une chaîne de texte ordinaire sur deux lignes maximum.

Remarque  Ce modèle nécessite l’élément visual pour déclarer « version="2" ».

Nom version 1Non pris en charge
Nom version 2 et 3TileSquare310x310SmallImagesAndTextList03
ExempleExemple TileSquare310x310SmallImagesAndTextList03
Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
1, 2, 348 x 4860 x 6084 x 84108 x 108

 

TileSquare310x310SmallImagesAndTextList04

  • Applies to Windows

Windows uniquement, non pris en charge sur Windows Phone 8.1

Trois blocs d’informations maximum, composés chacun, à gauche, d’une chaîne de texte de grande taille placée au-dessus d’une chaîne de texte ordinaire sur deux lignes maximum et, à droite, d’une petite image rectangulaire.

Remarque  Ce modèle nécessite l’élément visual pour déclarer « version="2" ».

Nom version 1Non pris en charge
Nom version 2 et 3TileSquare310x310SmallImagesAndTextList04
ExempleExemple TileSquare310x310SmallImagesAndTextList04
Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
1, 2, 336 x 5245 x 6563 x 9181 x 117

 

TileSquare310x310SmallImagesAndTextList05

  • Applies to Windows

Windows uniquement, non pris en charge sur Windows Phone 8.1

Ligne de texte d’en-tête le long du bord supérieur, au-dessus de trois blocs d’informations, composés chacun, à gauche, d’une petite image carrée et, à droite, d’une chaîne d’en-tête en texte plus grand placée au-dessus de deux chaînes de texte ordinaire sur deux lignes. Le texte n’est pas renvoyé à la ligne.

Remarque  Ce modèle nécessite l’élément visual pour déclarer « version="2" ».

Nom version 1Non pris en charge
Nom version 2 et 3TileSquare310x310SmallImagesAndTextList05
ExempleExemple TileSquare310x310SmallImagesAndTextList05
Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
1, 2, 348 x 4860 x 6084 x 84108 x 108

 

TileSquare310x310SmallImageAndText01

  • Applies to Windows

Windows uniquement, non pris en charge sur Windows Phone 8.1

Image de taille moyenne dans le coin supérieur gauche (supérieur droit sur les systèmes de droite à gauche) au-dessus d’une chaîne d’en-tête sans renvoi à la ligne. Au-dessous se trouvent deux blocs de texte ordinaire, le premier sur deux lignes maximum, le second sur une seule ligne.

Remarque  Ce modèle nécessite l’élément visual pour déclarer « version="2" ».

Nom version 1Non pris en charge
Nom version 2 et 3TileSquare310x310SmallImageAndText01
ExempleExemple TileSquare310x310SmallImageAndText01
Exemple XML

<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>

 

Tailles des images par échelle (en pixels) sur Windows

ID de l’image80%100%140%180%
164 x 6480 x 80112 x 112144 x 144

 

Vignettes Windows Phone uniquement

TileSquare71x71Image

  • Applies to Windows Phone

Windows Phone uniquement

Image carrée sans texte couvrant l’intégralité de la vignette.

Remarque  Ce modèle nécessite l’élément visual pour déclarer « version="3" ».

Nom version 1Non pris en charge
Nom version 2Non pris en charge
Nom version 3TileSquare71x71Image
ExempleExemple TileSquare71x71Image
Exemple XML

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

 

Tailles des images par échelle (en pixels) sur Windows

100 %71 x 71
140%100 x 100
240%171 x 171
300%213 x 213
400%284 x 284
Certaines valeurs sont arrondies au pixel supérieur le plus proche, mais l’arrondi au pixel inférieur est également possible.

 

TileSquare71x71IconWithBadge

  • Applies to Windows Phone

Windows Phone uniquement

Image d’icône unique. L’arrière-plan de l’image de l’icône doit être transparent pour permettre l’affichage de la couleur de la vignette. Un badge s’affiche à droite de l’image, qui doit être dimensionnée pour permettre au badge d’avoir suffisamment d’espace. Contrairement à d’autres exemples d’image sur cette page, le badge (dans le cas présent, le numéro 36) est inclus ici. Ce modèle, qui correspond aux vignettes de petite taille, ne peut pas afficher le nom de l’application ou le logo déclaré dans votre manifeste.

Important  Le contenu de la vignette et le badge sont envoyés par le biais de notifications distinctes. Considérez le badge comme une superposition et non comme le contenu XML de la vignette.

Remarque  Ce modèle nécessite l’élément visual pour déclarer « version="3" ».

Nom version 1Non pris en charge
Nom version 2Non pris en charge
Nom version 3TileSquare71x71IconWithBadge
ExempleExemple TileSquare71x71IconWithBadge
Exemple XML

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

<badge version="1" value="36"/>

 

TileSquare150x150IconWithBadge

  • Applies to Windows Phone

Windows Phone uniquement

Image d’icône unique. L’arrière-plan de l’image de l’icône doit être transparent pour permettre l’affichage de la couleur de la vignette. Un badge s’affiche à droite de l’image, qui doit être dimensionnée pour permettre au badge d’avoir suffisamment d’espace. Contrairement à d’autres exemples d’image sur cette page, le badge (dans le cas présent, le numéro 36) est inclus ici.

Important  Le contenu de la vignette et le badge sont envoyés par le biais de notifications distinctes. Considérez le badge comme une superposition et non comme le contenu XML de la vignette.

Remarque  Ce modèle nécessite l’élément visual pour déclarer « version="3" ».

Nom version 1Non pris en charge
Nom version 2Non pris en charge
Nom version 3TileSquare150x150IconWithBadge
ExempleExemple TileSquare150x150IconWithBadge
Exemple XML

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

<badge version="1" value="36"/>

 

TileWide310x150IconWithBadgeAndText

  • Applies to Windows Phone

Windows Phone uniquement

Dans le coin inférieur droit, image d’icône unique. L’arrière-plan de l’image de l’icône doit être transparent pour permettre l’affichage de la couleur de la vignette. Un badge s’affiche à droite de l’image. Contrairement à d’autres exemples d’image sur cette page, le badge (dans le cas présent, le numéro 36) est inclus ici.

Remarque  Si aucun élément de texte n’est spécifié dans ce modèle, l’image de l’icône et le badge sont centrés dans la vignette.

Dans le coin supérieur droit, une chaîne d’en-tête en texte plus grand sur la première ligne et deux chaînes de texte de taille ordinaire sur les deux lignes suivantes. Le texte n’est pas renvoyé à la ligne.

Important  Le contenu de la vignette et le badge sont envoyés par le biais de notifications distinctes. Considérez le badge comme une superposition et non comme le contenu XML de la vignette.

Remarque  Ce modèle nécessite l’élément visual pour déclarer « version="3" ».

Nom version 1Non pris en charge
Nom version 2Non pris en charge
Nom version 3TileWide310x150IconWithBadgeAndText
ExempleExemple TileWide310x150IconWithBadgeAndText
Exemple XML

<tile>
    <visual version="3">
        <binding template="TileWide310x150IconWithBadgeAndText">
            <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>

<badge version="1" value="36"/>

 

Modèles avec versions

Windows 8.1 a permis d’ajouter de nouveaux modèles pour les vignettes carrées de grande taille. Pour différencier les grandes vignettes des vignettes moyennes (appelées vignettes carrées dans Windows 8), tous les anciens modèles ont été renommés, ce qui a entraîné l’utilisation de modèles avec versions.

Vous déclarez les notifications version 1 en définissant l’attribut version de l’élément visualde la charge utile XML sur « 1 » ou simplement en omettant l’attribut. Les notifications version 1 sont conformes aux noms de modèle et aux éléments de schéma d’origine tels que définis dans Windows 8. Les notifications version 1 ne reconnaissent pas les noms de modèle ultérieurs, ce qui inclut tous les grands modèles et modèles pour Windows Phone uniquement.

Quand Windows 8.1 ou Windows Phone 8.1 reçoivent une notification qui contient une charge utile version 1, ils reconnaissent l’ancien nom de modèle, le remplacent par le nouveau nom et traitent la notification normalement. Toutefois, comme une notification version 1 ne peut pas inclure de liaison pour une grande vignette, si l’utilisateur a affecté une trop grande taille à la vignette de l’application, la notification ne peut pas être affichée.

Vous déclarez les notifications version 2 en définissant l’attribut version de visual sur « 2 ». Les notifications version 2 reconnaissent les grands modèles, les nouveaux noms de modèle et l’attribut fallback de l’élément binding. Dans la charge utile d’une notification version 2, les anciens noms de modèle ne sont reconnus que dans l’attribut fallback. L’attribut template doit être défini sur l’un des nouveaux noms de modèle.

Les notifications version 3 diffèrent peu des notifications version 2, sauf qu’elles reconnaissent les modèles pour Windows Phone uniquement.

Comment l’attribut fallback est utilisé

Vous pouvez utiliser les attributs version et fallback pour envoyer une notification reconnaissable, qu’elle soit reçue par un client Windows 8 ou par un client Windows 8.1 ou Windows Phone 8.1.

Quand un appareil Windows 8 reçoit un élément visual version 2 ou 3, il ne reconnaît pas la valeur du modèle, car il ne reconnaît que les anciens noms de modèle. La présence de « version="2" » ou « version="3" » dans la charge utile indique à Windows de rechercher l’attribut fallback pour obtenir une valeur reconnue. Si l’attribut fallback pour la liaison qui correspond à la taille actuelle de la vignette fait défaut ou contient un nom de modèle non reconnu, la notification n’est pas affichée ; sinon, le nom de modèle spécifié dans l’attribut fallback est utilisé et la notification est traitée normalement.

Les grands modèles et les modèles pour Windows Phone uniquement n’ont pas de valeur fallback.

Tailles des images

Les tailles exactes sont données pour chaque image dans chaque modèle pour chaque échelle prise en charge. Vous n’êtes pas obligé de fournir des images qui correspondent précisément à ces tailles, car les images sont mises à l’échelle et rognées si besoin. Pour plus d’informations, voir Tailles des images de vignette et de toast.

Cependant, par manque de temps ou de ressources, vous ne pouvez peut-être pas fournir un ensemble complet de ressources. Dans ce cas, fournissez l’image à 100 %, car cette taille est juste dans le nom du modèle, même si ce n’est pas l’idéal. Nous conseillons d’inclure les ressources suivantes pour des résultats optimaux. Si vous ne fournissez qu’une seule ressource, elle doit être la plus grande des deux.

PlateformeRessources recommandées
Windows180 %, 140 %
Windows Phone240%, 140 %

 

Important  Le dimensionnement et le rognage des images étant différents sur Windows et Windows Phone 8.1, la même image dans le même modèle peut s’afficher différemment d’un appareil à l’autre si un dimensionnement ou un rognage est nécessaire.

Remarques

Notez que quand les modèles doivent s’afficher dans une langue de droite à gauche (RTL, Right-To-Left) sur un appareil, ils sont également intervertis en règle générale.

Sur Windows, certains modèles n’affichent pas la dernière ligne de texte si la vignette présente une image de petit logo ou un nom d’affichage. Aucun des deux n’est illustré dans cette page. Pour plus d’informations sur les paramètres de la vignette concernant le petit logo et le nom d’affichage, voir Démarrage rapide : création d’une vignette par défaut à l’aide de l’éditeur de manifeste de Microsoft Visual Studio.

  • Applies to Windows Phone

Windows Phone ne prend pas en charge le petit logo sur les vignettes. Il indique le nom complet par défaut, mais ce comportement peut être désactivé pour que rien n’apparaisse dans cette zone.

Rubriques associées

TileTemplateType enumeration
Exemple de vignettes et de badges d’application
Démarrage rapide : envoi d’une mise à jour de vignette
Schéma XML des vignettes
Vue d’ensemble des vignettes et des notifications par vignette
Tailles des images de vignette et de toast
Utilisation de vignettes dynamiques avec différents types d’application

 

 

Afficher:
© 2015 Microsoft