匯出 (0) 列印
全部展開
資訊
The topic you requested is included in another documentation set. For convenience, it's displayed below. Choose Switch to see the topic in its original location.

磚範本目錄 (Windows 執行階段應用程式)

Applies to Windows and Windows Phone

這個主題列出磚通知可用的磚範本,同時附上適用於 Windows 和 Windows Phone 8.1 每個範本的圖例。 從清單中選取要顯示其詳細資料的範本名稱,例如範例 XML 內容、版本名稱以及影像大小。

  • Applies to Windows Phone

顯示在 Windows Phone 8.1 上時,某些範本類型的運作方式會與顯示在 Windows 上時不同。手機上的窺視範本是從前翻轉到後 (而非上下捲動),而且影像集合磚擁有動畫的棋盤式圖樣。

TileSquare150x150Image

TileSquare150x150Image 範例

TileSquare150x150Block

TileSquare150x150Block 範例

TileSquare150x150Text01

TileSquare150x150Text01 範例

TileSquare150x150Text02

TileSquare150x150Text02 範例

TileSquare150x150Text03

TileSquare150x150Text03 範例

TileSquare150x150Text04

TileSquare150x150Text04 範例

TileSquare150x150PeekImageAndText01

TileSquare150x150PeekImageAndText01 範例

TileSquare150x150PeekImageAndText02

TileSquare150x150PeekImageAndText02 範例

TileSquare150x150PeekImageAndText03

TileSquare150x150PeekImageAndText03 範例

TileSquare150x150PeekImageAndText04

TileSquare150x150PeekImageAndText04 範例

TileWide310x150Image

TileWide310x150Image 範例

TileWide310x150ImageCollection

TileWide310x150ImageCollection 範例

TileWide310x150ImageAndText01

TileWide310x150ImageAndText01 範例

TileWide310x150ImageAndText02

TileWide310x150ImageAndText02 範例

TileWide310x150BlockAndText01

TileWide310x150BlockAndText01 範例

TileWide310x150BlockAndText02

TileWide310x150BlockAndText02 範例

TileWide310x150PeekImageCollection01

TileWide310x150PeekImageCollection01 範例

TileWide310x150PeekImageCollection02

TileWide310x150PeekImageCollection02 範例

TileWide310x150PeekImageCollection03

TileWide310x150PeekImageCollection03 範例

TileWide310x150PeekImageCollection04

TileWide310x150PeekImageCollection04 範例

TileWide310x150PeekImageCollection05

TileWide310x150PeekImageCollection05 範例

TileWide310x150PeekImageCollection06

TileWide310x150PeekImageCollection06 範例

TileWide310x150PeekImageAndText01

TileWide310x150PeekImageAndText01 範例

TileWide310x150PeekImageAndText02

TileWide310x150PeekImageAndText02 範例

TileWide310x150PeekImage01

TileWide310x150PeekImage01 範例

TileWide310x150PeekImage02

TileWide310x150PeekImage02 範例

TileWide310x150PeekImage03

TileWide310x150PeekImage03 範例

TileWide310x150PeekImage04

TileWide310x150PeekImage04 範例

TileWide310x150PeekImage05

TileWide310x150PeekImage05 範例

TileWide310x150PeekImage06

TileWide310x150PeekImage06 範例

TileWide310x150SmallImageAndText01

TileWide310x150SmallImageAndText01 範例

TileWide310x150SmallImageAndText02

TileWide310x150SmallImageAndText02 範例

TileWide310x150SmallImageAndText03

TileWide310x150SmallImageAndText03 範例

TileWide310x150SmallImageAndText04

TileWide310x150SmallImageAndText04 範例

TileWide310x150SmallImageAndText05

TileWide310x150SmallImageAndText05 範例

TileWide310x150Text01

TileWide310x150Text01 範例

TileWide310x150Text02

TileWide310x150Text02 範例

TileWide310x150Text03

TileWide310x150Text03 範例

TileWide310x150Text04

TileWide310x150Text04 範例

TileWide310x150Text05

TileWide310x150Text05 範例

TileWide310x150Text06

TileWide310x150Text06 範例

TileWide310x150Text07

TileWide310x150Text07 範例

TileWide310x150Text08

TileWide310x150Text08 範例

TileWide310x150Text09

TileWide310x150Text09 範例

TileWide310x150Text10

TileWide310x150Text10 範例

TileWide310x150Text11

TileWide310x150Text11 範例

TileSquare310x310BlockAndText01

TileSquare310x310BlockAndText01 範例

TileSquare310x310BlockAndText02

TileSquare310x310BlockAndText02 範例

TileSquare310x310Image

TileSquare310x310Image 範例

TileSquare310x310ImageAndText01

TileSquare310x310ImageAndText01 範例

TileSquare310x310ImageAndText02

TileSquare310x310ImageAndText02 範例

TileSquare310x310ImageAndTextOverlay01

TileSquare310x310ImageAndTextOverlay01 範例

TileSquare310x310ImageAndTextOverlay02

TileSquare310x310ImageAndTextOverlay02 範例

TileSquare310x310ImageAndTextOverlay03

TileSquare310x310ImageAndTextOverlay03 範例

TileSquare310x310ImageCollectionAndText01

TileSquare310x310ImageCollectionAndText01 範例

TileSquare310x310ImageCollectionAndText02

TileSquare310x310ImageCollectionAndText02 範例

TileSquare310x310ImageCollection

TileSquare310x310ImageCollection 範例

TileSquare310x310SmallImagesAndTextList01

TileSquare310x310SmallImagesAndTextList01 範例

TileSquare310x310SmallImagesAndTextList02

TileSquare310x310SmallImagesAndTextList02 範例

TileSquare310x310SmallImagesAndTextList03

TileSquare310x310SmallImagesAndTextList03 範例

TileSquare310x310SmallImagesAndTextList04

TileSquare310x310SmallImagesAndTextList04 範例

TileSquare310x310SmallImagesAndTextList05

TileSquare310x310SmallImagesAndTextList05 範例

TileSquare310x310SmallImageAndText01

TileSquare310x310SmallImageAndText01 範例

TileSquare310x310Text01

TileSquare310x310Text01 範例

TileSquare310x310Text02

TileSquare310x310Text02 範例

TileSquare310x310Text03

TileSquare310x310Text03 範例

TileSquare310x310Text04

TileSquare310x310Text04 範例

TileSquare310x310Text05

TileSquare310x310Text05 範例

TileSquare310x310Text06

TileSquare310x310Text06 範例

TileSquare310x310Text07

TileSquare310x310Text07 範例

TileSquare310x310Text08

TileSquare310x310Text08 範例

TileSquare310x310Text09

TileSquare310x310Text09 範例

TileSquare310x310TextList01

TileSquare310x310TextList01 範例

TileSquare310x310TextList02

TileSquare310x310TextList02 範例

TileSquare310x310TextList03

TileSquare310x310TextList03 範例

TileSquare71x71Image

TileSquare71x71Image 範例

TileSquare71x71IconWithBadge

TileSquare71x71IconWithBadge 範例

TileSquare150x150IconWithBadge

TileSquare150x150IconWithBadge 範例

TileWide310x150IconWithBadgeAndText

TileWide310x150IconWithBadgeAndText 範例

 

中型磚

中型磚是正方形的,其中僅包含影像或僅包含文字。中型窺視磚可以讓您在有動畫效果的磚中結合影像和文字。

中型僅文字範本

TileSquareBlock/TileSquare150x150Block

Windows:一個大塊文字字串 (通常是數字),底下是一行短的一般文字。

Windows Phone 8.1:右下角是一個短的大塊文字字串 (通常是數字),左邊是一行很短的一般文字。

版本 1 名稱TileSquareBlock
版本 2 和版本 3 名稱TileSquare150x150Block
範例

TileSquareBlock 範例

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

第一行是較大文字的一個標題字串;接下來三行是三個一般文字字串。文字不會換行。

版本 1 名稱TileSquareText01
版本 2 和版本 3 名稱TileSquare150x150Text01
範例TileSquareText01 範例
範例 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

第一行是較大文字的一個標題字串,底下是最多換行成三行的一個一般文字字串。

版本 1 名稱TileSquareText02
版本 2 和版本 3 名稱TileSquare150x150Text02
範例TileSquareText02 範例
範例 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

分成四行的四個一般文字字串。文字不會換行。

版本 1 名稱TileSquareText03
版本 2 和版本 3 名稱TileSquare150x150Text03
範例TileSquareText03 範例
範例 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

最多換行成四行的一個一般文字字串。

版本 1 名稱TileSquareText04
版本 2 和版本 3 名稱TileSquare150x150Text04
範例TileSquareText04 範例
範例 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>

 

中型僅影像範本

TileSquareImage/TileSquare150x150Image

填滿整個磚的一個正方形影像,沒有文字。

版本 1 名稱TileSquareImage
版本 2 和版本 3 名稱TileSquare150x150Image
範例

TileSquareImage 範例

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

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
1120x120150x150210x210270x270

 

中形窺視範本

  • Applies to Windows Phone

手機上的窺視範本是在兩個區段之間翻轉,而不是在其間上下捲動。

TileSquarePeekImageAndText01/TileSquare150x150PeekImageAndText01

上面/正面:一個正方形影像,沒有文字。下面/背面:第一行是較大文字的一個標題字串,接下來三行是三個一般文字字串。文字不會換行。

版本 1 名稱TileSquarePeekImageAndText01
版本 2 和版本 3 名稱TileSquare150x150PeekImageAndText01
範例TileSquarePeekImageAndText01 範例
範例 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>

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
1120x120150x150210x210270x270

 

TileSquarePeekImageAndText02/TileSquare150x150PeekImageAndText02

上面/正面:一個正方形影像,沒有文字。下面/背面:第一行是較大文字的一個標題字串,底下是最多換行成三行的一個一般文字字串。

版本 1 名稱TileSquarePeekImageAndText02
版本 2 和版本 3 名稱TileSquare150x150PeekImageAndText02
範例TileSquarePeekImageAndText02 範例
範例 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>

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
1120x120150x150210x210270x270

 

TileSquarePeekImageAndText03/TileSquare150x150PeekImageAndText03

上面/正面:一個正方形影像,沒有文字。下面/背面:分成四行的四個一般文字字串。文字不會換行。

版本 1 名稱TileSquarePeekImageAndText03
版本 2 和版本 3 名稱TileSquare150x150PeekImageAndText03
範例TileSquarePeekImageAndText03 範例
範例 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>

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
1120x120150x150210x210270x270

 

TileSquarePeekImageAndText04/TileSquare150x150PeekImageAndText04

上面/正面:一個正方形影像,沒有文字。下面/背面:最多換行成四行的一個一般文字字串。

版本 1 名稱TileSquarePeekImageAndText04
版本 2 和版本 3 名稱TileSquare150x150PeekImageAndText04
範例TileSquarePeekImageAndText04 範例
範例 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>

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
1120x120150x150210x210270x270

 

寬形磚

寬形僅文字範本

TileWideText01/TileWide310x150Text01

第一行是較大文字的一個標題字串,接下來四行是四個一般文字字串。文字不會換行。

版本 1 名稱TileWideText01
版本 2 和版本 3 名稱TileWide310x150Text01
範例TileWideText01 範例
範例 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;在 Windows Phone 8.1 上不支援

第一行是較大文字的一個標題字串,底下是排列成兩欄、每欄四行的八個短字串。欄寬一樣。

重要  如果將這個範本傳送到 Windows Phone 8.1,會讓磚還原成預設影像。

版本 1 名稱TileWideText02
版本 2 和版本 3 名稱TileWide310x150Text02
範例TileWideText02 範例
範例 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

最多換行成三行的一個大型文字字串。

版本 1 名稱TileWideText03
版本 2 和版本 3 名稱TileWide310x150Text03
範例TileWideText03
範例 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

最多換行成五行的一個一般文字字串。

版本 1 名稱TileWideText04
版本 2 和版本 3 名稱TileWide310x150Text04
範例TileWideText04 範例
範例 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

分成五行的五個一般文字字串。文字不會換行。

版本 1 名稱TileWideText05
版本 2 和版本 3 名稱TileWide310x150Text05
範例TileWideText05 範例
範例 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;在 Windows Phone 8.1 上不支援

排列成兩欄、每欄五行的十個一般文字短字串。欄寬一樣。

重要  如果將這個範本傳送到 Windows Phone 8.1,會讓磚還原成預設影像。

版本 1 名稱TileWideText06
版本 2 和版本 3 名稱TileWide310x150Text06
範例TileWideText06 範例
範例 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;在 Windows Phone 8.1 上不支援

第一行是較大文字的一個標題字串,底下是排列成兩欄、每欄四行的八個一般文字短字串。由於欄寬不同的關係,第一欄是標籤,第二欄是內容。這個範本和 TileWideText10 類似,但是第一欄比較寬。

重要  如果將這個範本傳送到 Windows Phone 8.1,會讓磚還原成預設影像。

版本 1 名稱TileWideText07
版本 2 和版本 3 名稱TileWide310x150Text07
範例TileWideText07 範例
範例 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;在 Windows Phone 8.1 上不支援

排列成兩欄、每欄五行的十個一般文字短字串。由於欄寬不同的關係,第一欄是標籤,第二欄是內容。這個範本和 TileWideText11 類似,但是第一欄比較寬。

重要  如果將這個範本傳送到 Windows Phone 8.1,會讓磚還原成預設影像。

版本 1 名稱TileWideText08
版本 2 和版本 3 名稱TileWide310x150Text08
範例TileWideText08 範例
範例 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

第一行是較大文字的一個標題字串,底下是最多換行成四行的一個一般文字字串。

版本 1 名稱TileWideText09
版本 2 和版本 3 名稱TileWide310x150Text09
範例TileWideText09 範例
範例 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;在 Windows Phone 8.1 上不支援

第一行是較大文字的一個標題字串,底下是排列成兩欄、每欄四行的八個一般文字短字串。由於欄寬不同的關係,第一欄是標籤,第二欄是內容。這個範本和 TileWideText07 類似,但是第一欄比較窄。

重要  如果將這個範本傳送到 Windows Phone 8.1,會讓磚還原成預設影像。

版本 1 名稱TileWideText10
版本 2 和版本 3 名稱TileWide310x150Text10
範例TileWideText10 範例
範例 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;在 Windows Phone 8.1 上不支援

排列成兩欄、每欄五行的十個一般文字短字串。由於欄寬不同的關係,第一欄是標籤,第二欄是內容。這個範本和 TileWideText08 類似,但是第一欄比較窄。

重要  如果將這個範本傳送到 Windows Phone 8.1,會讓磚還原成預設影像。

版本 1 名稱TileWideText11
版本 2 和版本 3 名稱TileWide310x150Text11
範例TileWideText11 範例
範例 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

左邊是四個標準、不換行的文字字串;右邊是一個大塊文字 (這應該是數字),底下是一個短的一般文字字串。

重要  在 Windows Phone 8.1 中,會忽略左邊最後四個字串。

版本 1 名稱TileWideBlockAndText01
版本 2 和版本 3 名稱TileWide310x150BlockAndText01
範例

TileWideBlockAndText01 範例

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

左邊是最多換行成四行的一個一般文字字串;右邊是一個大塊文字 (這應該是數字),底下是一個短的一般文字字串。

版本 1 名稱TileWideBlockAndText02
版本 2 和版本 3 名稱TileWide310x150BlockAndText02
範例

TileWideBlockAndText02 範例

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

 

寬形僅影像範本

TileWideImage/TileWide310x150Image

填滿整個磚的一個寬影像,沒有文字。

版本 1 名稱TileWideImage
版本 2 和版本 3 名稱TileWide310x150Image
範例

TileWideImage 範例

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

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
1248x120 310x150434x210558x270

 

TileWideImageCollection/TileWide310x150ImageCollection

Windows:一個大的正方形影像,右邊有四個較小的正方形影像,沒有文字。

Windows Phone 8.1:影像會出現在一組 6x3 鑲嵌花紋的翻轉區塊中。一個影像可能會佔用一或四個區塊。影像是以隨機方式顯示,並在多種實心色彩的區塊之間移動。

版本 1 名稱TileWideImageCollection
版本 2 和版本 3 名稱TileWide310x150ImageCollection
範例

TileWideImageCollection 範例

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

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
1128x120160x150224x210288x270
2,3,4,560x6075x75105x105135x135

 

寬影像和文字範本

TileWideImageAndText01/TileWide310x150ImageAndText01

一個寬影像,底下有最多換行成兩行的一個一般文字字串 (在 Windows Phone 上是一行)。文字區域的寬度取決於要顯示標誌。

附註  這個範本只允許 branding 為 "logo" 或 "none",但是不可以是 "name"。如果您將商標屬性設為 "name",在 Windows 上將會自動還原為 "logo";在 Windows Phone 8.1 上則會自動還原為 "none"。

版本 1 名稱TileWideImageAndText01
版本 2 和版本 3 名稱TileWide310x150ImageAndText01
範例

TileWideImageAndText01 範例

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

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
1248x80310x100434x140558x180

 

TileWideImageAndText02/TileWide310x150ImageAndText02

Windows:一個寬影像,底下有分成兩行的兩個一般文字字串。文字不會換行。文字區域的寬度取決於要顯示標誌。

Windows Phone 8.1:一個寬影像,底下有一行的一個一般文字字串。文字不會換行。第二個字串會被忽略。文字區域的寬度取決於要顯示標誌。

附註  這個範本只允許 branding 為 "logo" 或 "none",但是不可以是 "name"。如果您將商標屬性設為 "name",在 Windows 上將會自動還原為 "logo";在 Windows Phone 8.1 上則會自動還原為 "none"。

版本 1 名稱TileWideImageAndText02
版本 2 和版本 3 名稱TileWide310x150ImageAndText02
範例TileWideImageAndText02 範例
範例 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>

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
1248x80310x100434x140558x180

 

TileWideSmallImageAndText01/TileWide310x150SmallImageAndText01

左邊是一個小影像;右邊是最多換行成三行的一個大型文字字串。

重要  在 Windows Phone 8.1 上,不會顯示影像。

版本 1 名稱TileWideSmallImageAndText01
版本 2 和版本 3 名稱TileWide310x150SmallImageAndText01
範例

TileWideSmallImageAndText01 範例

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

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
164x6480x80112x112144x144

 

TileWideSmallImageAndText02/TileWide310x150SmallImageAndText02

左邊是一個小影像;右邊第一行是較大文字的一個標題字串,底下四行是四個一般文字字串。文字不會換行。

重要  在 Windows Phone 8.1 上,不會顯示影像。

版本 1 名稱TileWideSmallImageAndText02
版本 2 和版本 3 名稱TileWide310x150SmallImageAndText02
範例TileWideSmallImageAndText02 範例
範例 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>

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
164x6480x80112x112144x144

 

TileWideSmallImageAndText03/TileWide310x150SmallImageAndText03

左邊是一個小影像;右邊是最多換行成五行的一個一般文字字串。

重要  在 Windows Phone 8.1 上,不會顯示影像。

版本 1 名稱TileWideSmallImageAndText03
版本 2 和版本 3 名稱TileWide310x150SmallImageAndText03
範例TileWideSmallImageAndText03 範例
範例 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>

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
164x6480x80112x112144x144

 

TileWideSmallImageAndText04/TileWide310x150SmallImageAndText04

左邊是一個小影像;右邊第一行是較大文字的一個標題字串,底下是最多換行成四行的一個一般文字字串。

重要  在 Windows Phone 8.1 上,不會顯示影像。

版本 1 名稱TileWideSmallImageAndText04
版本 2 和版本 3 名稱TileWide310x150SmallImageAndText04
範例TileWideSmallImageAndText04 範例
範例 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>

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
164x6480x80112x112144x144

 

TileWideSmallImageAndText05/TileWide310x150SmallImageAndText05

左邊有較大文字的一個標題字串,底下是最多換行成四行的一個一般文字字串;右邊是一個矩形 (3x4) 的小影像。比影像區域寬的影像將會被裁剪。

重要  在 Windows Phone 8.1 上,不會顯示影像。

版本 1 名稱TileWideSmallImageAndText05
版本 2 和版本 3 名稱TileWide310x150SmallImageAndText05
範例TileWideSmallImageAndText05 範例
範例 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>

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
136x5245x6563x9181x117

 

寬形窺視範本

  • Applies to Windows Phone

手機上的窺視範本是在兩個區段之間翻轉,而不是在其間上下捲動。

TileWidePeekImageCollection01/TileWide310x150PeekImageCollection01

Windows:上面:一個大的正方形影像,右邊有四個較小的正方形影像,沒有文字。注意大型影像不是完全的正方形,寬度稍大於高度。如果您提供正方形影像,它會按照寬度進行縮放,並略微裁剪影像的上緣和下緣。

Windows Phone 8.1:正面:影像會出現在一組 6x3 鑲嵌花紋的翻轉區塊中。一個影像可能會佔用一或四個區塊。影像是以隨機方式顯示,並在多種實心色彩的區塊之間移動。

下面/背面:第一行是較大文字的一個標題字串,底下是最多換行成四行的一個一般文字字串。

版本 1 名稱TileWidePeekImageCollection01
版本 2 和版本 3 名稱TileWide310x150PeekImageCollection01
範例TileWidePeekImageCollection01 範例
範例 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>

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
1128x120160x150224x210288x270
2,3,4,560x6075x75105x105135x135

 

TileWidePeekImageCollection02/TileWide310x150PeekImageCollection02

Windows:上面:一個大的正方形影像,右邊有四個較小的正方形影像,沒有文字。注意大型影像不是完全的正方形,寬度稍大於高度。如果您提供正方形影像,它會按照寬度進行縮放,並略微裁剪影像的上緣和下緣。

Windows Phone 8.1:正面:影像會出現在一組 6x3 鑲嵌花紋的翻轉區塊中。一個影像可能會佔用一或四個區塊。影像是以隨機方式顯示,並在多種實心色彩的區塊之間移動。

下面/背面:第一行是較大文字的一個標題字串,接下來四行是四個一般文字字串。文字不會換行。

版本 1 名稱TileWidePeekImageCollection02
版本 2 和版本 3 名稱TileWide310x150PeekImageCollection02
範例TileWidePeekImageCollection02 範本
範例 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>

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
1128x120160x150224x210288x270
2,3,4,560x6075x75105x105135x135

 

TileWidePeekImageCollection03/TileWide310x150PeekImageCollection03

Windows:上面:一個大的正方形影像,右邊有四個較小的正方形影像,沒有文字。注意大型影像不是完全的正方形,寬度稍大於高度。如果您提供正方形影像,它會按照寬度進行縮放,並略微裁剪影像的上緣和下緣。

Windows Phone 8.1:正面:影像會出現在一組 6x3 鑲嵌花紋的翻轉區塊中。一個影像可能會佔用一或四個區塊。影像是以隨機方式顯示,並在多種實心色彩的區塊之間移動。

下面/背面:最多換行成三行的一個大型文字字串。

版本 1 名稱TileWidePeekImageCollection03
版本 2 和版本 3 名稱TileWide310x150PeekImageCollection03
範例TileWidePeekImageCollection03 範本
範例 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>

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
1128x120160x150224x210288x270
2,3,4,560x6075x75105x105135x135

 

TileWidePeekImageCollection04/TileWide310x150PeekImageCollection04

Windows:上面:一個大的正方形影像,右邊有四個較小的正方形影像,沒有文字。注意大型影像不是完全的正方形,寬度稍大於高度。如果您提供正方形影像,它會按照寬度進行縮放,並略微裁剪影像的上緣和下緣。

Windows Phone 8.1:正面:影像會出現在一組 6x3 鑲嵌花紋的翻轉區塊中。一個影像可能會佔用一或四個區塊。影像是以隨機方式顯示,並在多種實心色彩的區塊之間移動。

下面/背面:最多換行成五行的一個一般文字字串。

版本 1 名稱TileWidePeekImageCollection04
版本 2 和版本 3 名稱TileWide310x150PeekImageCollection04
範例TileWidePeekImageCollection04 範例
範例 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>

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
1128x120160x150224x210288x270
2,3,4,560x6075x75105x105135x135

 

TileWidePeekImageCollection05/TileWide310x150PeekImageCollection05

Windows

  • 上面:一個大的正方形影像,右邊有四個較小的正方形影像,沒有文字。 注意大型影像不是完全的正方形,寬度稍大於高度。如果您提供正方形影像,它會按照寬度進行縮放,並略微裁剪影像的上緣和下緣。
  • 下面:左邊是一個小影像;右邊第一行是較大文字的一個標題字串,底下是最多換行成四行的一個一般文字字串。

Windows Phone 8.1

  • 正面:影像會出現在一組 6x3 鑲嵌花紋的翻轉區塊中。一個影像可能會佔用一或四個區塊。影像是以隨機方式顯示,並在多種實心色彩的區塊之間移動。
  • 背面:第一行是較大文字的一個標題字串,底下是最多換行成四行的一個一般文字字串。
版本 1 名稱TileWidePeekImageCollection05
版本 2 和版本 3 名稱TileWide310x150PeekImageCollection05
範例TileWidePeekImageCollection05 範例
範例 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>

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
1128x120160x150224x210288x270
2,3,4,560x6075x75105x105135x135
664x6480x80112x112144x144

 

TileWidePeekImageCollection06/TileWide310x150PeekImageCollection06

Windows

  • 上面:一個大的正方形影像,右邊有四個較小的正方形影像,沒有文字。下面:左邊是一個小影像;右邊是最多換行成三行的一個大型文字字串。
  • 下面:左邊是一個小影像;右邊是最多換行成三行的一個大型文字字串。

Windows Phone 8.1

  • 正面:影像會出現在一組 6x3 鑲嵌花紋的翻轉區塊中。一個影像可能會佔用一或四個區塊。影像是以隨機方式顯示,並在多種實心色彩的區塊之間移動。
  • 背面:最多換行成三行的一個大型文字字串。
版本 1 名稱TileWidePeekImageCollection06
版本 2 和版本 3 名稱TileWide310x150PeekImageCollection06
範例TileWidePeekImageCollection06 範例
範例 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>

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
1128x120160x150224x210288x270
2,3,4,560x6075x75105x105135x135
664x6480x80112x112144x144

 

TileWidePeekImageAndText01/TileWide310x150PeekImageAndText01

Windows:上面:一個寬形影像,其高度較跨頁寬形影像短。

Windows Phone 8.1:正面:填滿整個磚的一個寬影像。

下面/背面:最多換行成五行的一個一般文字字串。

附註  這個範本只允許 branding 為 "logo" 或 "none",但是不可以是 "name"。如果您將 branding 屬性設定為 "name",它會自動回復為 "logo"。

版本 1 名稱TileWidePeekImageAndText01
版本 2 和版本 3 名稱TileWide310x150PeekImageAndText01
範例

TileWidePeekImageAndText01 範例

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

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
1248x80310x100434x140558x180

 

TileWidePeekImageAndText02/TileWide310x150PeekImageAndText02

上面/正面:一個寬形影像,其高度較跨頁寬形影像短。下面/背面:分成五行的五個一般文字字串。文字不會換行。

附註  這個範本只允許 branding 為 "logo" 或 "none",但是不可以是 "name"。如果您將 branding 屬性設定為 "name",它會自動回復為 "logo"。

版本 1 名稱TileWidePeekImageAndText02
版本 2 和版本 3 名稱TileWide310x150PeekImageAndText02
範例TileWidePeekImageAndText02 範例
範例 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>

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
1248x80310x100434x140558x180

 

TileWidePeekImage01/TileWide310x150PeekImage01

上面/正面:一個寬影像。下面/背面:第一行是較大文字的一個標題字串,底下是最多換行成四行的一個一般文字字串。

版本 1 名稱TileWidePeekImage01
版本 2 和版本 3 名稱TileWide310x150PeekImage01
範例TileWidePeekImage01 範例
範例 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>

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
1248x120 310x150434x210558x270

 

TileWidePeekImage02/TileWide310x150PeekImage02

上面/正面:一個寬影像。下面/背面:第一行是較大文字的一個標題字串,接下來四行是四個一般文字字串。文字不會換行。

版本 1 名稱TileWidePeekImage02
版本 2 和版本 3 名稱TileWide310x150PeekImage02
範例TileWidePeekImage02 範例
範例 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>

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
1248x120 310x150434x210558x270

 

TileWidePeekImage03/TileWide310x150PeekImage03

上面/正面:一個寬影像。下面/背面:最多換行成三行的一個大型文字字串。

版本 1 名稱TileWidePeekImage03
版本 2 和版本 3 名稱TileWide310x150PeekImage03
範例TileWidePeekImage03 範例
範例 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>

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
1248x120 310x150434x210558x270

 

TileWidePeekImage04/TileWide310x150PeekImage04

上面/正面:一個寬影像。下面/背面:最多換行成五行的一個一般文字字串。

版本 1 名稱TileWidePeekImage04
版本 2 和版本 3 名稱TileWide310x150PeekImage04
範例TileWidePeekImage04 範例
範例 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>

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
1248x120 310x150434x210558x270

 

TileWidePeekImage05/TileWide310x150PeekImage05

上面/正面:一個寬影像。

Windows:下面:左邊是一個小影像;右邊第一行是較大文字的一個標題字串,底下是最多換行成四行的一個一般文字字串。

Windows Phone 8.1:背面:第一行是較大文字的一個標題字串,底下是最多換行成四行的一個一般文字字串。

版本 1 名稱TileWidePeekImage05
版本 2 和版本 3 名稱TileWide310x150PeekImage05
範例TileWidePeekImage05 範例
範例 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>

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
1248x120 310x150434x210558x270
264x6480x80112x112144x144

 

TileWidePeekImage06/TileWide310x150PeekImage06

上面/正面:一個寬影像。

Windows:下面:左邊是一個小影像;右邊是最多換行成三行的一個大型文字字串。

Windows Phone 8.1:背面:最多換行成三行的一個大型文字字串。

重要  在 Windows Phone 8.1 上,不會顯示伴隨文字的小型影像。

版本 1 名稱TileWidePeekImage06
版本 2 和版本 3 名稱TileWide310x150PeekImage06
範例TileWidePeekImage06 範例
範例 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>

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
1248x120 310x150434x210558x270
264x6480x80112x112144x144

 

大型磚

大型僅文字範本

TileSquare310x310Text01

  • Applies to Windows

僅限 Windows;在 Windows Phone 8.1 上不支援

第一行是較大文字的一個標題字串,接下來 9 行是 9 個一般文字字串。文字不會換行。

附註  此範本需要 visual 元素才能宣告 version="2"。

版本 1 名稱不支援
版本 2 和版本 3 名稱TileSquare310x310Text01
範例TileSquare310x310Text01 範例
範例 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;在 Windows Phone 8.1 上不支援

第一行是較大文字的一個標題字串,底下是排列成兩欄、每欄 9 行的 18 個短字串。欄寬一樣。此範本與 TileSquare310x310Text05 和 TileSquare310x310Text07 類似,但這些範本使用寬度不等的欄。

附註  此範本需要 visual 元素才能宣告 version="2"。

版本 1 名稱不支援
版本 2 和版本 3 名稱TileSquare310x310Text02
範例TileSquare310x310Text02 範例
範例 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;在 Windows Phone 8.1 上不支援

分成 11 行的 11 個一般文字字串。文字不會換行。

附註  此範本需要 visual 元素才能宣告 version="2"。

版本 1 名稱不支援
版本 2 和版本 3 名稱TileSquare310x310Text03
範例TileSquare310x310Text03 範例
範例 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;在 Windows Phone 8.1 上不支援

排列成兩欄、每欄 11 行的 22 個一般文字短字串。欄寬一樣。此範本與 TileSquare310x310Text06 和 TileSquare310x310Text08 類似,但這些範本使用寬度不等的欄。

附註  此範本需要 visual 元素才能宣告 version="2"。

版本 1 名稱不支援
版本 2 和版本 3 名稱TileSquare310x310Text04
範例TileSquare310x310Text04 範例
範例 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;在 Windows Phone 8.1 上不支援

第一行是較大文字的一個標題字串,底下是排列成兩欄、每欄 9 行的 18 個一般文字短字串。由於欄寬不同的關係,第一欄是標籤,第二欄是內容。此範本與第一欄甚至更窄的 TileSquare310x310Text07 和欄寬相等的 TileSquare310x310Text02 類似。

附註  此範本需要 visual 元素才能宣告 version="2"。

版本 1 名稱不支援
版本 2 和版本 3 名稱TileSquare310x310Text05
範例TileSquare310x310Text05 範例
範例 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;在 Windows Phone 8.1 上不支援

排列成兩欄、每欄 11 行的 22 個一般文字短字串。由於欄寬不同的關係,第一欄是標籤,第二欄是內容。此範本與第一欄甚至更窄的 TileSquare310x310Text08 和欄寬相等的 TileSquare310x310Text04 類似。

附註  此範本需要 visual 元素才能宣告 version="2"。

版本 1 名稱不支援
版本 2 和版本 3 名稱TileSquare310x310Text06
範例TileSquare310x310Text06 範例
範例 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;在 Windows Phone 8.1 上不支援

第一行是較大文字的一個標題字串,底下是排列成兩欄、每欄 9 行的 18 個一般文字短字串。由於欄寬不同的關係,第一欄是標籤,第二欄是內容。此範本與第一欄較寬的 TileSquare310x310Text05 和欄寬相等的 TileSquare310x310Text02 類似。

附註  此範本需要 visual 元素才能宣告 version="2"。

版本 1 名稱不支援
版本 2 和版本 3 名稱TileSquare310x310Text07
範例TileSquare310x310Text07 範例
範例 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;在 Windows Phone 8.1 上不支援

排列成兩欄、每欄 11 行的 22 個一般文字短字串。由於欄寬不同的關係,第一欄是標籤,第二欄是內容。此範本與第一欄較寬的 TileSquare310x310Text06 和欄寬相等的 TileSquare310x310Text04 類似。

附註  此範本需要 visual 元素才能宣告 version="2"。

版本 1 名稱不支援
版本 2 和版本 3 名稱TileSquare310x310Text08
範例TileSquare310x310Text08 範例
範例 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;在 Windows Phone 8.1 上不支援

最多換行成兩行的一個一行標頭文字。底下還有兩行稍微分隔的標頭文字,每行僅一個。底部是兩行一般文字,每行僅一個。

附註  此範本需要 visual 元素才能宣告 version="2"。

版本 1 名稱不支援
版本 2 和版本 3 名稱TileSquare310x310Text09
範例TileSquare310x310Text09 範例
範例 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;在 Windows Phone 8.1 上不支援

三個堆疊的通知,每個通知的第一行包含較大文字的一個標頭字串,接下來兩行是兩個一般文字字串。文字不會換行。

附註  此範本需要 visual 元素才能宣告 version="2"。

版本 1 名稱不支援
版本 2 和版本 3 名稱TileSquare310x310TextList01
範例TileSquare310x310TextList01 範例
範例 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;在 Windows Phone 8.1 上不支援

三個堆疊的通知,每個通知包含一個底下最多換行成三行的一個一般文字字串。

附註  此範本需要 visual 元素才能宣告 version="2"。

版本 1 名稱不支援
版本 2 和版本 3 名稱TileSquare310x310TextList02
範例TileSquare310x310TextList02 範例
範例 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;在 Windows Phone 8.1 上不支援

三個堆疊的通知,每個通知包含較大文字的一個標頭字串,底下是最多換行成兩行的一個一般文字字串。

附註  此範本需要 visual 元素才能宣告 version="2"。

版本 1 名稱不支援
版本 2 和版本 3 名稱TileSquare310x310TextList03
範例TileSquare310x310TextList03 範例
範例 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;在 Windows Phone 8.1 上不支援

以空白區域分隔的兩個主要文字群組:

  • 一個最多可以換行成兩行的大型文字字串,底下兩行是兩個未換行的一般文字字串。
  • 稍微分成兩組的四行四個字串。側邊是一個大塊文字字串 (這應該是數字),底下是一行短的一般文字。

附註  此範本需要 visual 元素才能宣告 version="2"。

版本 1 名稱不支援
版本 2 和版本 3 名稱TileSquare310x310BlockAndText01
範例TileSquare310x310BlockAndText01 範例
範例 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>

 

大型僅影像範本

TileSquare310x310Image

  • Applies to Windows

僅限 Windows;在 Windows Phone 8.1 上不支援

填滿整個磚的一個影像,沒有文字。

附註  此範本需要 visual 元素才能宣告 version="2"。

版本 1 名稱不支援
版本 2 和版本 3 名稱TileSquare310x310Image
範例TileSquare310x310Image 範例
範例 XML

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

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
1248x248310x310434x434558x558

 

TileSquare310x310ImageCollection

  • Applies to Windows

僅限 Windows;在 Windows Phone 8.1 上不支援

橫跨頂端,有四個小型正方形影像覆蓋在一個大型完整磚的正方形影像上。請注意,小型影像會裁切掉大型影像的頂端。

附註  此範本需要 visual 元素才能宣告 version="2"。

版本 1 名稱不支援
版本 2 和版本 3 名稱TileSquare310x310ImageCollection
範例TileSquare310x310ImageCollection 範例
範例 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>

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
1248x188310x235434x329558x423
2,564x6080x75112x105144x135
3,460x6075x75105x105135x135
影像 2 最左邊像素和影像 4 和 5 最右邊像素的邊緣被隱藏。

 

大型影像和文字範本

TileSquare310x310BlockAndText02

  • Applies to Windows

僅限 Windows;在 Windows Phone 8.1 上不支援

一個大塊文字字串 (這應該是數字);兩行大型標頭文字 (無換行);分成兩行的兩組兩個字串 (無換行)。背景影像。如果文字色彩是淺色,則會將影像變暗一點,讓文字更容易閱讀。

附註  此範本需要 visual 元素才能宣告 version="2"。

版本 1 名稱不支援
版本 2 和版本 3 名稱TileSquare310x310BlockAndText02
範例TileSquare310x310BlockAndText02 範例
範例 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>

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
1248x248310x310434x434558x558

 

TileSquare310x310ImageAndText01

  • Applies to Windows

僅限 Windows;在 Windows Phone 8.1 上不支援

一個影像,底下有最多換行成兩行的一個一般文字字串。文字區域的寬度取決於要顯示標誌。

附註  這個範本只允許 branding 為 "logo" 或 "none",但是不可以是 "name"。如果您將 branding 屬性設定為 "name",它會自動回復為 "logo"。

附註  此範本需要 visual 元素才能宣告 version="2"。

版本 1 名稱不支援
版本 2 和版本 3 名稱TileSquare310x310ImageAndText01
範例TileSquare310x310ImageAndText01 範例
範例 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>

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
1248x200310x250434x350558x450

 

TileSquare310x310ImageAndText02

  • Applies to Windows

僅限 Windows;在 Windows Phone 8.1 上不支援

一個影像,底下有分成兩行的兩個一般文字字串。文字不會換行。文字區域的寬度取決於要顯示標誌。

附註  這個範本只允許 branding 為 "logo" 或 "none",但是不可以是 "name"。如果您將 branding 屬性設定為 "name",它會自動回復為 "logo"。

附註  此範本需要 visual 元素才能宣告 version="2"。

版本 1 名稱不支援
版本 2 和版本 3 名稱TileSquare310x310ImageAndText02
範例TileSquare310x310ImageAndText02 範例
範例 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>

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
1248x200310x250434x350558x450

 

TileSquare310x310ImageAndTextOverlay01

  • Applies to Windows

僅限 Windows;在 Windows Phone 8.1 上不支援

背景:填滿整個磚的單一影像。前景:最多換行成三行的一個文字字串。如果文字色彩是淺色,則會將影像變暗一點,讓文字更容易閱讀。

附註  此範本需要 visual 元素才能宣告 version="2"。

版本 1 名稱不支援
版本 2 和版本 3 名稱TileSquare310x310ImageAndTextOverlay01
範例TileSquare310x310ImageAndTextOverlay01 範例
範例 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>

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
1248x248310x310434x434558x558

 

TileSquare310x310ImageAndTextOverlay02

  • Applies to Windows

僅限 Windows;在 Windows Phone 8.1 上不支援

背景:填滿整個磚的單一影像。前景:頂端是一個最多換行成兩行的大型文字字串;底部是一個最多換行成三行的一般文字字串。如果文字色彩是淺色,則會將影像變暗一點,讓文字更容易閱讀。

附註  此範本需要 visual 元素才能宣告 version="2"。

版本 1 名稱不支援
版本 2 和版本 3 名稱TileSquare310x310ImageAndTextOverlay02
範例TileSquare310x310ImageAndTextOverlay02 範例
範例 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>

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
1248x248310x310434x434558x558

 

TileSquare310x310ImageAndTextOverlay03

  • Applies to Windows

僅限 Windows;在 Windows Phone 8.1 上不支援

背景:填滿整個磚的單一影像。前景:頂端是一個底下最多換行成兩行的大型文字字串;底部是三行不換行的一般文字字串。如果文字色彩是淺色,則會將影像變暗一點,讓文字更容易閱讀。

附註  此範本需要 visual 元素才能宣告 version="2"。

版本 1 名稱不支援
版本 2 和版本 3 名稱TileSquare310x310ImageAndTextOverlay03
範例TileSquare310x310ImageAndTextOverlay03 範例
範例 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>

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
1248x248310x310434x434558x558

 

TileSquare310x310ImageCollectionAndText01

  • Applies to Windows

僅限 Windows;在 Windows Phone 8.1 上不支援

橫跨磚底部,加入一個文字功能區的 TileSquare310x310ImageCollection。文字區域包含一個底下最多換行成兩行的一般文字字串。請注意,小型影像會裁切掉大型影像頂端,而文字區域會裁切掉影像底部。文字區域的寬度取決於要顯示標誌。

附註  這個範本只允許 branding 為 "logo" 或 "none",但是不可以是 "name"。如果您將 branding 屬性設定為 "name",它會自動回復為 "logo"。

附註  此範本需要 visual 元素才能宣告 version="2"。

版本 1 名稱不支援
版本 2 和版本 3 名稱TileSquare310x310ImageCollectionAndText01
範例TileSquare310x310ImageCollectionAndText01 範例
範例 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>

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
1248x148310x185434x259558x333
2,564x6080x75112x105144x135
3,460x6075x75105x105135x135
影像 2 最左邊像素和影像 4 和 5 最右邊像素的邊緣被隱藏。

 

TileSquare310x310ImageCollectionAndText02

  • Applies to Windows

僅限 Windows;在 Windows Phone 8.1 上不支援

橫跨磚底部,加入一個文字功能區的 TileSquare310x310ImageCollection。文字區域包含兩行兩個一般文字字串。文字不會換行。請注意,小型影像會裁切掉大型影像頂端,而文字區域會裁切掉影像底部。文字區域的寬度取決於要顯示標誌。

附註  這個範本只允許 branding 為 "logo" 或 "none",但是不可以是 "name"。如果您將 branding 屬性設定為 "name",它會自動回復為 "logo"。

附註  此範本需要 visual 元素才能宣告 version="2"。

版本 1 名稱不支援
版本 2 和版本 3 名稱TileSquare310x310ImageCollectionAndText02
範例TileSquare310x310ImageCollectionAndText02 範例
範例 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>

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
1248x148310x185434x259558x333
2,564x6080x75112x105144x135
3,460x6075x75105x105135x135
影像 2 最左邊像素和影像 4 和 5 最右邊像素的邊緣被隱藏。

 

TileSquare310x310SmallImagesAndTextList01

  • Applies to Windows

僅限 Windows;在 Windows Phone 8.1 上不支援

三組資訊,每組資訊在大型文字標頭字串左側都包含一個小型正方形影像,底下兩行是兩個一般文字字串。文字不會換行。

附註  此範本需要 visual 元素才能宣告 version="2"。

版本 1 名稱不支援
版本 2 和版本 3 名稱TileSquare310x310SmallImagesAndTextList01
範例TileSquare310x310SmallImagesAndTextList01 範例
範例 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>

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
1,2,348x4860x6084x84108x108

 

TileSquare310x310SmallImagesAndTextList02

  • Applies to Windows

僅限 Windows;在 Windows Phone 8.1 上不支援

最多三組資訊,每組資訊在一個一般文字字串左側都包含一個小型正方形影像,底下最多換行成三行。

附註  此範本需要 visual 元素才能宣告 version="2"。

版本 1 名稱不支援
版本 2 和版本 3 名稱TileSquare310x310SmallImagesAndTextList02
範例TileSquare310x310SmallImagesAndTextList02 範例
範例 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>

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
1,2,348x4860x6084x84108x108

 

TileSquare310x310SmallImagesAndTextList03

  • Applies to Windows

僅限 Windows;在 Windows Phone 8.1 上不支援

最多三組資訊,每組資訊在一個大型文字字串左側都包含一個小型正方形影像,底下是最多換行成兩行的一個一般文字字串。

附註  此範本需要 visual 元素才能宣告 version="2"。

版本 1 名稱不支援
版本 2 和版本 3 名稱TileSquare310x310SmallImagesAndTextList03
範例TileSquare310x310SmallImagesAndTextList03 範例
範例 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>

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
1,2,348x4860x6084x84108x108

 

TileSquare310x310SmallImagesAndTextList04

  • Applies to Windows

僅限 Windows;在 Windows Phone 8.1 上不支援

最多三組資訊,每組資訊在一個大型文字字串右側都包含一個小型矩形影像,底下是最多換行成兩行的一個一般文字字串。

附註  此範本需要 visual 元素才能宣告 version="2"。

版本 1 名稱不支援
版本 2 和版本 3 名稱TileSquare310x310SmallImagesAndTextList04
範例TileSquare310x310SmallImagesAndTextList04 範例
範例 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>

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
1,2,336x5245x6563x9181x117

 

TileSquare310x310SmallImagesAndTextList05

  • Applies to Windows

僅限 Windows;在 Windows Phone 8.1 上不支援

一行橫跨頂端的標頭文字,底下是三組資訊,每組資訊在大型文字標頭字串左側都包含一個小型正方形影像,底下兩行是兩個一般文字字串。文字不會換行。

附註  此範本需要 visual 元素才能宣告 version="2"。

版本 1 名稱不支援
版本 2 和版本 3 名稱TileSquare310x310SmallImagesAndTextList05
範例TileSquare310x310SmallImagesAndTextList05 範例
範例 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>

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
1,2,348x4860x6084x84108x108

 

TileSquare310x310SmallImageAndText01

  • Applies to Windows

僅限 Windows;在 Windows Phone 8.1 上不支援

左上角 (右至左系統的右上角) 是一個中型大小的影像,底下是一個單一的未換行標頭字串。這個底下是兩組一般文字:第一組底下最多換行成兩行,第二組則只有單行。

附註  此範本需要 visual 元素才能宣告 version="2"。

版本 1 名稱不支援
版本 2 和版本 3 名稱TileSquare310x310SmallImageAndText01
範例TileSquare310x310SmallImageAndText01 範例
範例 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>

 

Windows 上每個縮放的影像大小 (像素)

影像識別碼80%100%140%180%
164x6480x80112x112144x144

 

僅適用於 Windows Phone 的磚

TileSquare71x71Image

  • Applies to Windows Phone

僅 Windows Phone

填滿整個磚的一個正方形影像,沒有文字。

附註  此範本需要 visual 元素才能宣告 version="3"。

版本 1 名稱不支援
版本 2 名稱不支援
版本 3 名稱TileSquare71x71Image
範例TileSquare71x71Image 範例
範例 XML

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

 

Windows 上每個縮放的影像大小 (像素)

100%71x71
140%100x100
240%171x171
300%213x213
400%284x284
有些值會進位到最接近的像素,但捨入也同樣可以。

 

TileSquare71x71IconWithBadge

  • Applies to Windows Phone

僅 Windows Phone

單一圖示影像。圖示影像的背景應該是透明的,以便讓磚的色彩能夠顯露出來。徽章顯示在影像的右側,而且應調整影像的大小以便讓該徽章有足夠的空間。與本頁面上的其他範例影像不同,此例包含徽章 (數字 36)。這個範本使用小型磚大小,無法顯示您資訊清單中宣告的應用程式名稱或標誌。

重要  透過個別通知傳送磚內容和徽章。考慮將徽章重疊,而不是磚的 XML 內容的一部分。

附註  此範本需要 visual 元素才能宣告 version="3"。

版本 1 名稱不支援
版本 2 名稱不支援
版本 3 名稱TileSquare71x71IconWithBadge
範例TileSquare71x71IconWithBadge 範例
範例 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

單一圖示影像。圖示影像的背景應該是透明的,以便讓磚的色彩能夠顯露出來。徽章顯示在影像的右側,而且應調整影像的大小以便讓該徽章有足夠的空間。與本頁面上的其他範例影像不同,此例包含徽章 (數字 36)。

重要  透過個別通知傳送磚內容和徽章。考慮將徽章重疊,而不是磚的 XML 內容的一部分。

附註  此範本需要 visual 元素才能宣告 version="3"。

版本 1 名稱不支援
版本 2 名稱不支援
版本 3 名稱TileSquare150x150IconWithBadge
範例TileSquare150x150IconWithBadge 範例
範例 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

在右下角有一個單一圖示影像。圖示影像的背景應該是透明的,以便讓磚的色彩能夠顯露出來。徽章顯示在影像的右側。與本頁面上的其他範例影像不同,此例包含徽章 (數字 36)。

附註  如果沒有在這個範本中指定任何文字元素,圖示影像和徽章就會置於磚的中央。

在右上角,第一行是較大文字的一個標頭字串,接下來兩行是兩個一般文字字串。文字不會換行。

重要  透過個別通知傳送磚內容和徽章。考慮將徽章重疊,而不是磚的 XML 內容的一部分。

附註  此範本需要 visual 元素才能宣告 version="3"。

版本 1 名稱不支援
版本 2 名稱不支援
版本 3 名稱TileWide310x150IconWithBadgeAndText
範例TileWide310x150IconWithBadgeAndText 範例
範例 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"/>

 

已建立版本的範本

Windows 8.1 為大型的正方形磚增加了新範本。為區分大型磚與中型磚 (也就是 Windows 8 中的正方形磚),已經重新命名所有較舊的範本,引導使用者使用已建立版本的範本。

版本 1 通知是透過將 XML 承載 visual 元素的 version 屬性設定為 "1",或省略整個屬性來宣告。版本 1 通知符合 Windows 8 定義—原始範本名稱及架構元素。版本 1 通知無法辨識任何較新的範本名稱,包括所有大型及僅適用於電話的範本。

當 Windows 8.1 或 Windows Phone 8.1 收到包含版本 1 承載的通知時,它會辨識較舊的範本名稱、以較新的名稱取代舊名稱,然後以正常方式處理通知。不過,因為版本 1 通知不得包含大型磚的繫結,如果使用者已將應用程式的磚大小調整為大型,則無法顯示通知。

版本 2 通知是透過將 visualversion 屬性設定為 "2" 來宣告。版本 2 通知會辨識大型範本、新範本名稱,以及 binding 元素的 fallback 屬性。在版本 2 通知承載中,只會在 fallback 屬性中辨識舊範本名稱。template 屬性必須設定成下列其中一個新範本名稱。

版本 3 通知與版本 2 通知有些微差異,因為它們可以辨識僅適用於電話的範本。

如何使用後援屬性

不論是 Windows 8 用戶端,還是 Windows 8.1 或 Windows Phone 8.1 用戶端收到通知,您都可以使用 versionfallback 屬性傳送可被辨識的通知。

當 Windows 8 裝置收到版本 2 或 3 visual 元素時,將無法辨識範本值,因為它只會辨識較舊的範本名稱。當 Windows 在承載中看到 version="2" 或 version="3" 時,就會知道要去尋找可辨識值的 fallback 屬性。如果遺漏符合磚目前大小之繫結的 fallback 屬性,或其中包含無法辨識的範本名稱,則不會顯示通知;否則會使用後援屬性中指定的範本名稱,並以正常方式處理通知。

僅適用於電話和大型的範本沒有後援值。

影像大小

每個範本中每個影像都有為各個支援的縮放比例指定確實的大小。您不需要提供明確符合這些大小的影像,但是沒有明確符合的影像就須依需要縮放和裁剪。如需詳細資訊,請參閱磚與快顯通知影像大小

不過,基於時間或資源的考量,您可能不想要或不需要提供一組完整的資產。在這種情況下,您會傾向於提供 100% 比例的影像,因為該大小最適合範本名稱使用,但這並不是最好的做法。建議您加入下列資產以獲得最佳效果。如果您只提供一個資產,則應該提供兩者中較大的那一個。

平台建議的資產
Windows180%、140%
Windows Phone240%、140%

 

重要  影像在 Windows 和 Windows Phone 8.1 上調整大小和裁剪的方式不同,因此,如果需要調整大小或裁剪,相同範本中的相同影像在不同的裝置上顯示的效果可能不同。

備註

請注意,當它們顯示在設定成從右至左 (RTL) 語言的裝置上時,一般也會將範本翻轉成從右至左。

在 Windows 上,如果磚正在顯示一個小標誌影像或顯示名稱 (兩者都沒有顯示在本頁的圖例中),則某些範本不會顯示最後一行文字。如需小標誌和顯示名稱磚設定的詳細資訊,請參閱快速入門:使用 Microsoft Visual Studio 資訊清單編輯器建立預設磚

  • Applies to Windows Phone

Windows Phone 不支援磚上的小標誌。其預設會顯示顯示名稱,但這可被關閉,如此該區域就不會顯示任何內容。

相關主題

TileTemplateType enumeration
應用程式磚和徽章範例
快速入門:傳送磚更新
磚 XML 結構描述
磚與磚通知概觀
磚與快顯通知影像大小
使用動態磚搭配不同的應用程式類型

 

 

顯示:
© 2015 Microsoft