타일 템플릿 카탈로그(Windows 런타임 앱)

Applies to Windows and Windows Phone

이 항목에서는 타일 알림에 사용할 수 있는 타일 템플릿을 나열하고 Windows 및 Windows Phone 8.1 각각에 대한 그림 예를 제공합니다. 목록에서 템플릿 이름을 선택하여 샘플 XML 콘텐츠, 버전 관리 이름, 이미지 크기 등의 세부 정보를 표시합니다.

  • Applies to Windows Phone

Windows Phone 8.1에 표시될 경우 특정 템플릿 유형은 Windows에 표시될 때와 같이 작동하지 않습니다. 휴대폰의 Peek 템플릿은 위아래로 스크롤하는 대신 앞뒤로 대칭 이동하고 이미지 컬렉션 타일에 애니메이션 효과를 준 체커보드 패턴이 있습니다.

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 example

TileSquare310x310BlockAndText02

TileSquare310x310BlockAndText02 example

TileSquare310x310Image

TileSquare310x310Image example

TileSquare310x310ImageAndText01

TileSquare310x310ImageAndText01 example

TileSquare310x310ImageAndText02

TileSquare310x310ImageAndText02 example

TileSquare310x310ImageAndTextOverlay01

TileSquare310x310ImageAndTextOverlay01 example

TileSquare310x310ImageAndTextOverlay02

TileSquare310x310ImageAndTextOverlay02 example

TileSquare310x310ImageAndTextOverlay03

TileSquare310x310ImageAndTextOverlay03 example

TileSquare310x310ImageCollectionAndText01

TileSquare310x310ImageCollectionAndText01 example

TileSquare310x310ImageCollectionAndText02

TileSquare310x310ImageCollectionAndText02 example

TileSquare310x310ImageCollection

TileSquare310x310ImageCollection example

TileSquare310x310SmallImagesAndTextList01

TileSquare310x310SmallImagesAndTextList01 example

TileSquare310x310SmallImagesAndTextList02

TileSquare310x310SmallImagesAndTextList02 example

TileSquare310x310SmallImagesAndTextList03

TileSquare310x310SmallImagesAndTextList03 example

TileSquare310x310SmallImagesAndTextList04

TileSquare310x310SmallImagesAndTextList04 example

TileSquare310x310SmallImagesAndTextList05

TileSquare310x310SmallImagesAndTextList05 example

TileSquare310x310SmallImageAndText01

TileSquare310x310SmallImageAndText01 example

TileSquare310x310Text01

TileSquare310x310Text01 example

TileSquare310x310Text02

TileSquare310x310Text02 example

TileSquare310x310Text03

TileSquare310x310Text03 example

TileSquare310x310Text04

TileSquare310x310Text04 example

TileSquare310x310Text05

TileSquare310x310Text05 example

TileSquare310x310Text06

TileSquare310x310Text06 example

TileSquare310x310Text07

TileSquare310x310Text07 example

TileSquare310x310Text08

TileSquare310x310Text08 example

TileSquare310x310Text09

TileSquare310x310Text09 example

TileSquare310x310TextList01

TileSquare310x310TextList01 example

TileSquare310x310TextList02

TileSquare310x310TextList02 example

TileSquare310x310TextList03

TileSquare310x310TextList03 example

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

첫 번째 줄에는 큰 텍스트의 헤더 문자열 하나가 표시되고, 다음 3줄에는 각각 보통 텍스트 문자열 3개가 표시됩니다. 텍스트는 줄 바꿈되지 않습니다.

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

첫 번째 줄에는 큰 텍스트의 헤더 문자열 하나가 최대 3줄로 줄 바꿈되는 보통 텍스트 문자열 하나 위에 표시됩니다.

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

보통 텍스트 문자열 4개가 4줄에 표시됩니다. 텍스트는 줄 바꿈되지 않습니다.

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

최대 4줄로 줄 바꿈되는 보통 텍스트 문자열 하나가 표시됩니다.

버전 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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
1120x120150x150210x210270x270

 

중간 보기 템플릿

  • Applies to Windows Phone

휴대폰의 Peek 템플릿은 두 섹션 사이에서 위아래로 스크롤하지 않고 대칭 이동합니다.

TileSquarePeekImageAndText01/TileSquare150x150PeekImageAndText01

위/앞: 텍스트 없이 정사각형 이미지 하나가 표시됩니다. 아래/뒤: 첫 번째 줄에는 큰 텍스트의 헤더 문자열 하나가 표시되고, 다음 3줄에는 각각 보통 텍스트 문자열 3개가 표시됩니다. 텍스트는 줄 바꿈되지 않습니다.

버전 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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
1120x120150x150210x210270x270

 

TileSquarePeekImageAndText02/TileSquare150x150PeekImageAndText02

위/앞: 텍스트 없이 정사각형 이미지가 표시됩니다. 아래/뒤: 첫 번째 줄에는 큰 텍스트의 헤더 문자열 하나가 최대 3줄로 줄 바꿈되는 보통 텍스트 문자열 하나 위에 표시됩니다.

버전 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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
1120x120150x150210x210270x270

 

TileSquarePeekImageAndText03/TileSquare150x150PeekImageAndText03

위/앞: 텍스트 없이 정사각형 이미지가 표시됩니다. 아래/뒤: 보통 텍스트 문자열 4개가 4줄에 표시됩니다. 텍스트는 줄 바꿈되지 않습니다.

버전 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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
1120x120150x150210x210270x270

 

TileSquarePeekImageAndText04/TileSquare150x150PeekImageAndText04

위/앞: 텍스트 없이 정사각형 이미지가 표시됩니다. 아래/뒤: 최대 4줄로 줄 바꿈되는 보통 텍스트 문자열 하나가 표시됩니다.

버전 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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
1120x120150x150210x210270x270

 

와이드 타일

와이드 텍스트 전용 템플릿

TileWideText01/TileWide310x150Text01

첫 번째 줄에는 큰 텍스트의 헤더 문자열 하나가 표시되고, 다음 4줄에는 보통 텍스트 문자열 4개가 표시됩니다. 텍스트는 줄 바꿈되지 않습니다.

버전 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에서는 지원되지 않습니다.

큰 텍스트의 헤더 문자열 하나가 각각 4줄씩, 두 개의 열로 정렬된 짧은 문자열 8개 위에 표시됩니다. 열의 너비는 같습니다.

중요  이 템플릿을 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

최대 3줄로 줄 바꿈되는 큰 텍스트 문자열 하나가 표시됩니다.

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

최대 5줄로 줄 바꿈되는 보통 텍스트 문자열 하나가 표시됩니다.

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

보통 텍스트 문자열 5개가 5줄에 표시됩니다. 텍스트는 줄 바꿈되지 않습니다.

버전 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에서는 지원되지 않습니다.

보통 텍스트의 짧은 문자열 10개가 각각 5줄씩, 두 개의 열로 정렬되어 표시됩니다. 열의 너비는 같습니다.

중요  이 템플릿을 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에서는 지원되지 않습니다.

큰 텍스트의 헤더 문자열 하나가 각각 4줄씩, 두 개의 열로 정렬된 보통 텍스트의 짧은 문자열 8개 위에 표시됩니다. 열 너비는 첫 번째 열이 레이블로 사용되고 두 번째 열이 콘텐츠로 사용되도록 지정됩니다. 이 템플릿은 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에서는 지원되지 않습니다.

보통 텍스트의 짧은 문자열 10개가 각각 5줄씩, 두 개의 열로 정렬되어 표시됩니다. 열 너비는 첫 번째 열이 레이블로 사용되고 두 번째 열이 콘텐츠로 사용되도록 지정됩니다. 이 템플릿은 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

큰 텍스트의 헤더 문자열 하나가 최대 4줄로 줄 바꿈되는 보통 텍스트 문자열 하나 위에 표시됩니다.

버전 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에서는 지원되지 않습니다.

큰 텍스트의 헤더 문자열 하나가 각각 4줄씩, 두 개의 열로 정렬된 보통 텍스트의 짧은 문자열 8개 위에 표시됩니다. 열 너비는 첫 번째 열이 레이블로 사용되고 두 번째 열이 콘텐츠로 사용되도록 지정됩니다. 이 템플릿은 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에서는 지원되지 않습니다.

보통 텍스트의 짧은 문자열 10개가 각각 5줄씩, 두 개의 열로 정렬되어 표시됩니다. 열 너비는 첫 번째 열이 레이블로 사용되고 두 번째 열이 콘텐츠로 사용되도록 지정됩니다. 이 템플릿은 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

왼쪽에는 줄 바꿈되지 않은 보통 텍스트 문자열 4개가 표시되고, 오른쪽에는 큰 블록 텍스트(숫자여야 함)가 보통 텍스트의 짧은 문자열 하나 위에 표시됩니다.

중요  왼쪽에 있는 4개 문자열 중 마지막 문자열은 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

왼쪽에는 최대 4줄로 줄 바꿈되는 보통 텍스트 문자열 하나가 표시되고, 오른쪽에는 큰 블록 텍스트(숫자여야 함)가 보통 텍스트의 짧은 문자열 하나 위에 표시됩니다.

버전 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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
1248x120 310x150434x210558x270

 

TileWideImageCollection/TileWide310x150ImageCollection

Windows: 오른쪽에 작은 정사각형 이미지가 4개 있고 텍스트는 없는 큰 정사각형 이미지 하나가 표시됩니다.

Windows Phone 8.1: 모자이크식으로 배치된 6x3 대칭 이동 블록 집합에 이미지가 표시됩니다. 하나의 이미지가 블록 1개나 4개를 사용할 수 있습니다. 이미지는 무작위로 표시되며 다양한 단색 블록 간에 이동합니다.

버전 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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
1128x120160x150224x210288x270
2,3,4,560x6075x75105x105135x135

 

와이드 이미지 및 텍스트 템플릿

TileWideImageAndText01/TileWide310x150ImageAndText01

와이드 이미지 하나가 최대 2줄(Windows Phone의 경우 한 줄)로 줄 바꿈되는 보통 텍스트 문자열 하나 위에 표시됩니다. 텍스트 영역의 너비는 로고가 표시되는지 여부에 따라 달라집니다.

참고  이 템플릿은 "로고" 또는 "없음"으로만 branding을 허용하며 "이름"으로는 허용하지 않습니다. 브랜딩 특성을 "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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
1248x80310x100434x140558x180

 

TileWideImageAndText02/TileWide310x150ImageAndText02

Windows: 와이드 이미지 하나가 2줄로 이루어진 보통 텍스트 문자열 2개 위에 표시됩니다. 텍스트는 줄 바꿈되지 않습니다. 텍스트 영역의 너비는 로고가 표시되는지 여부에 따라 달라집니다.

Windows Phone 8.1: 와이드 이미지 하나가 1줄로 이루어진 보통 텍스트 문자열 1개 위에 표시됩니다. 텍스트는 줄 바꿈되지 않습니다. 두 번째 문자열은 무시됩니다. 텍스트 영역의 너비는 로고가 표시되는지 여부에 따라 달라집니다.

참고  이 템플릿은 "로고" 또는 "없음"으로만 branding을 허용하며 "이름"으로는 허용하지 않습니다. 브랜딩 특성을 "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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
1248x80310x100434x140558x180

 

TileWideSmallImageAndText01/TileWide310x150SmallImageAndText01

왼쪽에는 작은 이미지 하나가 표시되고, 오른쪽에는 최대 3줄로 줄 바꿈되는 큰 텍스트 문자열 하나가 표시됩니다.

중요  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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
164x6480x80112x112144x144

 

TileWideSmallImageAndText02/TileWide310x150SmallImageAndText02

왼쪽에는 작은 이미지 하나가 표시되고, 오른쪽 첫 번째 줄에는 큰 텍스트의 헤더 문자열 하나가 다음 4줄의 보통 텍스트 문자열 4개 위에 표시됩니다. 텍스트는 줄 바꿈되지 않습니다.

중요  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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
164x6480x80112x112144x144

 

TileWideSmallImageAndText03/TileWide310x150SmallImageAndText03

왼쪽에는 작은 이미지 하나가 표시되고, 오른쪽에는 최대 5줄로 줄 바꿈되는 보통 텍스트 문자열 하나가 표시됩니다.

중요  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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
164x6480x80112x112144x144

 

TileWideSmallImageAndText04/TileWide310x150SmallImageAndText04

왼쪽에는 작은 이미지 하나가 표시되고, 오른쪽 첫 번째 줄에는 큰 텍스트의 헤더 문자열 하나가 최대 4줄로 줄 바꿈되는 보통 텍스트 문자열 하나 위에 표시됩니다.

중요  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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
164x6480x80112x112144x144

 

TileWideSmallImageAndText05/TileWide310x150SmallImageAndText05

왼쪽에는 큰 텍스트의 헤더 문자열 하나가 최대 4줄로 줄 바꿈되는 보통 텍스트 문자열 하나 위에 표시됩니다. 오른쪽에는 작은 직사각형(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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
136x5245x6563x9181x117

 

와이드 보기 템플릿

  • Applies to Windows Phone

휴대폰의 Peek 템플릿은 두 섹션 사이에서 위아래로 스크롤하지 않고 대칭 이동합니다.

TileWidePeekImageCollection01/TileWide310x150PeekImageCollection01

Windows: 위: 오른쪽에 작은 정사각형 이미지가 4개 있고 텍스트는 없는 큰 정사각형 이미지 하나가 표시됩니다. 큰 이미지는 완전 정사각형이 아니며 너비가 높이보다 약간 더 큽니다. 정사각형 이미지를 제공하면 이미지가 너비에 맞게 조정되고 위쪽과 아래쪽이 약간 잘립니다.

Windows Phone 8.1: 앞: 모자이크식으로 배치된 6x3 대칭 이동 블록 집합에 이미지가 표시됩니다. 하나의 이미지가 블록 1개나 4개를 사용할 수 있습니다. 이미지는 무작위로 표시되며 다양한 단색 블록 간에 이동합니다.

아래/뒤: 큰 텍스트의 헤더 문자열 하나가 최대 4줄로 줄 바꿈되는 보통 텍스트 문자열 하나 위에 표시됩니다.

버전 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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
1128x120160x150224x210288x270
2,3,4,560x6075x75105x105135x135

 

TileWidePeekImageCollection02/TileWide310x150PeekImageCollection02

Windows: 위: 오른쪽에 작은 정사각형 이미지가 4개 있고 텍스트는 없는 큰 정사각형 이미지 하나가 표시됩니다. 큰 이미지는 완전 정사각형이 아니며 너비가 높이보다 약간 더 큽니다. 정사각형 이미지를 제공하면 이미지가 너비에 맞게 조정되고 위쪽과 아래쪽이 약간 잘립니다.

Windows Phone 8.1: 앞: 모자이크식으로 배치된 6x3 대칭 이동 블록 집합에 이미지가 표시됩니다. 하나의 이미지가 블록 1개나 4개를 사용할 수 있습니다. 이미지는 무작위로 표시되며 다양한 단색 블록 간에 이동합니다.

아래/뒤: 첫 번째 줄에는 큰 텍스트의 헤더 문자열 하나가 표시되고, 다음 4줄에는 보통 텍스트 문자열 4개가 표시됩니다. 텍스트는 줄 바꿈되지 않습니다.

버전 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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
1128x120160x150224x210288x270
2,3,4,560x6075x75105x105135x135

 

TileWidePeekImageCollection03/TileWide310x150PeekImageCollection03

Windows: 위: 오른쪽에 작은 정사각형 이미지가 4개 있고 텍스트는 없는 큰 정사각형 이미지 하나가 표시됩니다. 큰 이미지는 완전 정사각형이 아니며 너비가 높이보다 약간 더 큽니다. 정사각형 이미지를 제공하면 이미지가 너비에 맞게 조정되고 위쪽과 아래쪽이 약간 잘립니다.

Windows Phone 8.1: 앞: 모자이크식으로 배치된 6x3 대칭 이동 블록 집합에 이미지가 표시됩니다. 하나의 이미지가 블록 1개나 4개를 사용할 수 있습니다. 이미지는 무작위로 표시되며 다양한 단색 블록 간에 이동합니다.

아래/뒤: 최대 3줄로 줄 바꿈되는 큰 텍스트 문자열 하나가 표시됩니다.

버전 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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
1128x120160x150224x210288x270
2,3,4,560x6075x75105x105135x135

 

TileWidePeekImageCollection04/TileWide310x150PeekImageCollection04

Windows: 위: 오른쪽에 작은 정사각형 이미지가 4개 있고 텍스트는 없는 큰 정사각형 이미지 하나가 표시됩니다. 큰 이미지는 완전 정사각형이 아니며 너비가 높이보다 약간 더 큽니다. 정사각형 이미지를 제공하면 이미지가 너비에 맞게 조정되고 위쪽과 아래쪽이 약간 잘립니다.

Windows Phone 8.1: 앞: 모자이크식으로 배치된 6x3 대칭 이동 블록 집합에 이미지가 표시됩니다. 하나의 이미지가 블록 1개나 4개를 사용할 수 있습니다. 이미지는 무작위로 표시되며 다양한 단색 블록 간에 이동합니다.

아래/뒤: 최대 5줄로 줄 바꿈되는 보통 텍스트 문자열 하나가 표시됩니다.

버전 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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
1128x120160x150224x210288x270
2,3,4,560x6075x75105x105135x135

 

TileWidePeekImageCollection05/TileWide310x150PeekImageCollection05

Windows

  • 위: 텍스트 없이 큰 사각형 이미지 하나와 오른쪽에 작은 사각형 이미지 4개가 표시됩니다. 큰 이미지는 완전 정사각형이 아니며 너비가 높이보다 약간 더 큽니다. 정사각형 이미지를 제공하면 이미지가 너비에 맞게 조정되고 위쪽과 아래쪽이 약간 잘립니다.
  • 아래쪽: 왼쪽에는 작은 이미지 하나가 표시되고, 오른쪽 첫 번째 줄에는 큰 텍스트의 헤더 문자열 하나가 최대 4줄로 줄 바꿈되는 보통 텍스트 문자열 하나 위에 표시됩니다.

Windows Phone 8.1

  • 앞: 모자이크식으로 배치된 6x3 대칭 이동 블록 집합에 이미지가 표시됩니다. 하나의 이미지가 블록 1개나 4개를 사용할 수 있습니다. 이미지는 무작위로 표시되며 다양한 단색 블록 간에 이동합니다.
  • 뒤: 첫 번째 줄에 있는 큰 텍스트의 헤더 문자열 하나가 최대 4줄로 줄 바꿈되는 보통 텍스트 문자열 하나 위에 표시됩니다.
버전 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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
1128x120160x150224x210288x270
2,3,4,560x6075x75105x105135x135
664x6480x80112x112144x144

 

TileWidePeekImageCollection06/TileWide310x150PeekImageCollection06

Windows

  • 위: 텍스트 없이 큰 사각형 이미지 하나와 오른쪽에 작은 사각형 이미지 4개가 표시됩니다. 아래쪽: 왼쪽에는 작은 이미지 하나가 표시되고, 오른쪽에는 최대 3줄로 줄 바꿈되는 큰 텍스트 문자열 하나가 표시됩니다.
  • 아래: 왼쪽에는 작은 이미지 하나가 표시되고, 오른쪽에는 최대 3줄로 줄 바꿈되는 큰 텍스트 문자열 하나가 표시됩니다.

Windows Phone 8.1

  • 앞: 모자이크식으로 배치된 6x3 대칭 이동 블록 집합에 이미지가 표시됩니다. 하나의 이미지가 블록 1개나 4개를 사용할 수 있습니다. 이미지는 무작위로 표시되며 다양한 단색 블록 간에 이동합니다.
  • 뒤: 최대 3줄로 줄 바꿈되는 큰 텍스트 문자열 하나가 표시됩니다.
버전 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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
1128x120160x150224x210288x270
2,3,4,560x6075x75105x105135x135
664x6480x80112x112144x144

 

TileWidePeekImageAndText01/TileWide310x150PeekImageAndText01

Windows: 위: 높이보다 풀 블리드(full-bleed) 가로가 더 긴 와이드 이미지 하나가 표시됩니다.

Windows Phone 8.1: 앞: 전체 타일을 채우는 와이드 이미지 하나가 표시됩니다.

아래/뒤: 최대 5줄로 줄 바꿈되는 보통 텍스트 문자열 하나가 표시됩니다.

참고  이 템플릿은 "로고" 또는 "없음"으로만 branding을 허용하며 "이름"으로는 허용하지 않습니다. 따라서 브랜딩 특성을 "이름"으로 설정할 경우 자동으로 "로고"로 되돌립니다.

버전 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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
1248x80310x100434x140558x180

 

TileWidePeekImageAndText02/TileWide310x150PeekImageAndText02

위/앞: 높이보다 풀 블리드(full-bleed) 가로가 더 긴 와이드 이미지 하나가 표시됩니다. 아래/뒤: 보통 텍스트 문자열 5개가 5줄에 표시됩니다. 텍스트는 줄 바꿈되지 않습니다.

참고  이 템플릿은 "로고" 또는 "없음"으로만 branding을 허용하며 "이름"으로는 허용하지 않습니다. 따라서 브랜딩 특성을 "이름"으로 설정할 경우 자동으로 "로고"로 되돌립니다.

버전 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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
1248x80310x100434x140558x180

 

TileWidePeekImage01/TileWide310x150PeekImage01

위/앞: 와이드 이미지 하나가 표시됩니다. 아래/뒤: 큰 텍스트의 헤더 문자열 하나가 최대 4줄로 줄 바꿈되는 보통 텍스트 문자열 하나 위에 표시됩니다.

버전 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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
1248x120 310x150434x210558x270

 

TileWidePeekImage02/TileWide310x150PeekImage02

위/앞: 와이드 이미지 하나가 표시됩니다. 아래/뒤: 첫 번째 줄에는 큰 텍스트의 헤더 문자열 하나가 표시되고, 다음 4줄에는 보통 텍스트 문자열 4개가 표시됩니다. 텍스트는 줄 바꿈되지 않습니다.

버전 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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
1248x120 310x150434x210558x270

 

TileWidePeekImage03/TileWide310x150PeekImage03

위/앞: 와이드 이미지 하나가 표시됩니다. 아래/뒤: 최대 3줄로 줄 바꿈되는 큰 텍스트 문자열 하나가 표시됩니다.

버전 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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
1248x120 310x150434x210558x270

 

TileWidePeekImage04/TileWide310x150PeekImage04

위/앞: 와이드 이미지 하나가 표시됩니다. 아래/뒤: 최대 5줄로 줄 바꿈되는 보통 텍스트 문자열 하나가 표시됩니다.

버전 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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
1248x120 310x150434x210558x270

 

TileWidePeekImage05/TileWide310x150PeekImage05

위/앞: 와이드 이미지 하나가 표시됩니다.

Windows: 아래: 왼쪽에는 작은 이미지 하나가 표시되고, 오른쪽에는 첫 번째 줄에 있는 큰 텍스트의 헤더 문자열 하나가 최대 4줄로 줄 바꿈되는 보통 텍스트 문자열 하나 위에 표시됩니다.

Windows Phone 8.1: 뒤: 첫 번째 줄에 있는 큰 텍스트의 헤더 문자열 하나가 최대 4줄로 줄 바꿈되는 보통 텍스트 문자열 하나 위에 표시됩니다.

버전 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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
1248x120 310x150434x210558x270
264x6480x80112x112144x144

 

TileWidePeekImage06/TileWide310x150PeekImage06

위/앞: 와이드 이미지 하나가 표시됩니다.

Windows: 아래: 왼쪽에는 작은 이미지 하나가 표시되고, 오른쪽에는 최대 3줄로 줄 바꿈되는 큰 텍스트 문자열 하나가 표시됩니다.

Windows Phone 8.1: 뒤: 최대 3줄로 줄 바꿈되는 큰 텍스트 문자열 하나가 표시됩니다.

중요  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의 배율당 이미지 크기(픽셀)

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

 

TileSquare310x310Text03

  • Applies to Windows

Windows만 해당합니다. Windows Phone 8.1에서는 지원되지 않습니다.

보통 텍스트 문자열 11개가 11줄에 표시됩니다. 텍스트는 줄 바꿈되지 않습니다.

참고  이 템플릿을 사용하려면 visual 요소에서 version="2"를 선언해야 합니다.

버전 1 이름지원되지 않음
버전 2 및 3 이름TileSquare310x310Text03
TileSquare310x310Text03 example
샘플 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에서는 지원되지 않습니다.

보통 텍스트의 짧은 문자열 22개가 각각 11줄씩, 두 개의 열로 정렬되어 표시됩니다. 열의 너비는 같습니다. 이 템플릿은 TileSquare310x310Text06 및 TileSquare310x310Text08과 유사하지만 이러한 템플릿에서는 너비가 서로 다른 열을 사용합니다.

참고  이 템플릿을 사용하려면 visual 요소에서 version="2"를 선언해야 합니다.

버전 1 이름지원되지 않음
버전 2 및 3 이름TileSquare310x310Text04
TileSquare310x310Text04 example
샘플 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 example
샘플 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="9">Text Field 10, row 5, column 1</text>
      <text id="9">Text Field 11, row 5, column 2</text>
      <text id="9">Text Field 12, row 6, column 1</text>
      <text id="9">Text Field 13, row 6, column 2</text>
      <text id="9">Text Field 14, row 7, column 1</text>
      <text id="9">Text Field 15, row 7, column 2</text>
      <text id="9">Text Field 16, row 8, column 1</text>
      <text id="9">Text Field 17, row 8, column 2</text>
      <text id="9">Text Field 18, row 9, column 1</text>
      <text id="9">Text Field 19, row 9, column 2</text>
    </binding>  
  </visual>
</tile>

 

TileSquare310x310Text06

  • Applies to Windows

Windows만 해당합니다. Windows Phone 8.1에서는 지원되지 않습니다.

보통 텍스트의 짧은 문자열 22개가 각각 11줄씩, 두 개의 열로 정렬되어 표시됩니다. 열 너비는 첫 번째 열이 레이블로 사용되고 두 번째 열이 콘텐츠로 사용되도록 지정됩니다. 이 템플릿은 첫 번째 열이 훨씬 좁은 TileSquare310x310Text08 및 열 너비가 동일한 TileSquare310x310Text04와 유사합니다.

참고  이 템플릿을 사용하려면 visual 요소에서 version="2"를 선언해야 합니다.

버전 1 이름지원되지 않음
버전 2 및 3 이름TileSquare310x310Text06
TileSquare310x310Text06 example
샘플 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 example
샘플 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="9">Text Field 10, row 5, column 1</text>
      <text id="9">Text Field 11, row 5, column 2</text>
      <text id="9">Text Field 12, row 6, column 1</text>
      <text id="9">Text Field 13, row 6, column 2</text>
      <text id="9">Text Field 14, row 7, column 1</text>
      <text id="9">Text Field 15, row 7, column 2</text>
      <text id="9">Text Field 16, row 8, column 1</text>
      <text id="9">Text Field 17, row 8, column 2</text>
      <text id="9">Text Field 18, row 9, column 1</text>
      <text id="9">Text Field 19, row 9, column 2</text>
    </binding>  
  </visual>
</tile>

 

TileSquare310x310Text08

  • Applies to Windows

Windows만 해당합니다. Windows Phone 8.1에서는 지원되지 않습니다.

보통 텍스트의 짧은 문자열 22개가 각각 11줄씩, 두 개의 열로 정렬되어 표시됩니다. 열 너비는 첫 번째 열이 레이블로 사용되고 두 번째 열이 콘텐츠로 사용되도록 지정됩니다. 이 템플릿은 첫 번째 열이 더 넓은 TileSquare310x310Text06 및 열 너비가 동일한 TileSquare310x310Text04와 유사합니다.

참고  이 템플릿을 사용하려면 visual 요소에서 version="2"를 선언해야 합니다.

버전 1 이름지원되지 않음
버전 2 및 3 이름TileSquare310x310Text08
TileSquare310x310Text08 example
샘플 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에서는 지원되지 않습니다.

최대 2줄로 줄 바꿈되는 헤더 텍스트 한 줄이 표시됩니다. 두 줄 더 내려가면 헤더 텍스트의 약간 구분된 줄이 각각 한 줄만 표시됩니다. 맨 아래에는 보통 텍스트 두 줄이 각각 한 줄만 표시됩니다.

참고  이 템플릿을 사용하려면 visual 요소에서 version="2"를 선언해야 합니다.

버전 1 이름지원되지 않음
버전 2 및 3 이름TileSquare310x310Text09
TileSquare310x310Text09 example
샘플 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에서는 지원되지 않습니다.

첫 번째 줄에는 큰 텍스트의 헤더 문자열 하나를 각각 포함하는 누적 알림 3개가 표시되고, 다음 2줄에는 보통 텍스트 문자열 2개가 표시됩니다. 텍스트는 줄 바꿈되지 않습니다.

참고  이 템플릿을 사용하려면 visual 요소에서 version="2"를 선언해야 합니다.

버전 1 이름지원되지 않음
버전 2 및 3 이름TileSquare310x310TextList01
TileSquare310x310TextList01 example
샘플 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에서는 지원되지 않습니다.

최대 3줄로 줄 바꿈되는 보통 텍스트 문자열 하나를 각각 포함하는 누적 알림 3개가 표시됩니다.

참고  이 템플릿을 사용하려면 visual 요소에서 version="2"를 선언해야 합니다.

버전 1 이름지원되지 않음
버전 2 및 3 이름TileSquare310x310TextList02
TileSquare310x310TextList02 example
샘플 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에서는 지원되지 않습니다.

큰 텍스트의 헤더 문자열 하나를 각각 포함하는 누적 알림 3개가 최대 2줄로 줄 바꿈되는 보통 텍스트 문자열 하나 위에 표시됩니다.

참고  이 템플릿을 사용하려면 visual 요소에서 version="2"를 선언해야 합니다.

버전 1 이름지원되지 않음
버전 2 및 3 이름TileSquare310x310TextList03
TileSquare310x310TextList03 example
샘플 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에서는 지원되지 않습니다.

기본 텍스트 그룹 2개가 빈 영역으로 구분됩니다.

  • 큰 텍스트 문자열 하나는 최대 2줄로 줄 바꿈될 수 있으며, 줄 바꿈되지 않은 보통 텍스트 문자열 2줄 위에 표시됩니다.
  • 4줄의 문자열 4개는 2개의 집합으로 약간 구분됩니다. 큰 블록 텍스트(숫자여야 함)의 문자열 하나가 보통 텍스트로 이루어진 짧은 한 줄 위에 표시됩니다.

참고  이 템플릿을 사용하려면 visual 요소에서 version="2"를 선언해야 합니다.

버전 1 이름지원되지 않음
버전 2 및 3 이름TileSquare310x310BlockAndText01
TileSquare310x310BlockAndText01 example
샘플 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 example
샘플 XML

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

 

Windows의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
1248x248310x310434x434558x558

 

TileSquare310x310ImageCollection

  • Applies to Windows

Windows만 해당합니다. Windows Phone 8.1에서는 지원되지 않습니다.

작은 사각형 이미지 4개가 큰 전체 타일 사각형 이미지 위에 중첩됩니다. 작은 이미지는 큰 이미지 위쪽을 구분합니다.

참고  이 템플릿을 사용하려면 visual 요소에서 version="2"를 선언해야 합니다.

버전 1 이름지원되지 않음
버전 2 및 3 이름TileSquare310x310ImageCollection
TileSquare310x310ImageCollection example
샘플 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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
1248x188310x235434x329558x423
2,564x6080x75112x105144x135
3,460x6075x75105x105135x135
이미지 2의 맨 왼쪽 픽셀과 이미지 4 및 5의 맨 오른쪽 픽셀이 테두리로 가려져 있습니다.

 

큰 이미지 및 텍스트 템플릿

TileSquare310x310BlockAndText02

  • Applies to Windows

Windows만 해당합니다. Windows Phone 8.1에서는 지원되지 않습니다.

큰 블록 텍스트(숫자여야 함)의 문자열 하나, 줄 바꿈되지 않은 큰 헤더 텍스트 2줄, 줄 바꿈되지 않은 두 문자열 집합 두 개가 2줄로 표시됩니다. 이미지는 배경에 있습니다. 텍스트 색이 밝은 경우 텍스트 가시성을 향상시키기 위해 이미지가 약간 어둡게 표시됩니다.

참고  이 템플릿을 사용하려면 visual 요소에서 version="2"를 선언해야 합니다.

버전 1 이름지원되지 않음
버전 2 및 3 이름TileSquare310x310BlockAndText02
TileSquare310x310BlockAndText02 example
샘플 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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
1248x248310x310434x434558x558

 

TileSquare310x310ImageAndText01

  • Applies to Windows

Windows만 해당합니다. Windows Phone 8.1에서는 지원되지 않습니다.

이미지 하나가 최대 2줄로 줄 바꿈되는 보통 텍스트 문자열 하나 위에 표시됩니다. 텍스트 영역의 너비는 로고가 표시되는지 여부에 따라 달라집니다.

참고  이 템플릿은 "로고" 또는 "없음"으로만 branding을 허용하며 "이름"으로는 허용하지 않습니다. 따라서 브랜딩 특성을 "이름"으로 설정할 경우 자동으로 "로고"로 되돌립니다.

참고  이 템플릿을 사용하려면 visual 요소에서 version="2"를 선언해야 합니다.

버전 1 이름지원되지 않음
버전 2 및 3 이름TileSquare310x310ImageAndText01
TileSquare310x310ImageAndText01 example
샘플 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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
1248x200310x250434x350558x450

 

TileSquare310x310ImageAndText02

  • Applies to Windows

Windows만 해당합니다. Windows Phone 8.1에서는 지원되지 않습니다.

이미지 하나가 2줄로 이루어진 보통 텍스트 문자열 2개 위에 표시됩니다. 텍스트는 줄 바꿈되지 않습니다. 텍스트 영역의 너비는 로고가 표시되는지 여부에 따라 달라집니다.

참고  이 템플릿은 "로고" 또는 "없음"으로만 branding을 허용하며 "이름"으로는 허용하지 않습니다. 따라서 브랜딩 특성을 "이름"으로 설정할 경우 자동으로 "로고"로 되돌립니다.

참고  이 템플릿을 사용하려면 visual 요소에서 version="2"를 선언해야 합니다.

버전 1 이름지원되지 않음
버전 2 및 3 이름TileSquare310x310ImageAndText02
TileSquare310x310ImageAndText02 example
샘플 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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
1248x200310x250434x350558x450

 

TileSquare310x310ImageAndTextOverlay01

  • Applies to Windows

Windows만 해당합니다. Windows Phone 8.1에서는 지원되지 않습니다.

배경: 전체 타일을 채우는 단일 이미지 전경: 최대 3줄로 줄 바꿈되는 텍스트 문자열 하나 텍스트 색이 밝은 경우 텍스트 가시성을 향상시키기 위해 이미지가 약간 어둡게 표시됩니다.

참고  이 템플릿을 사용하려면 visual 요소에서 version="2"를 선언해야 합니다.

버전 1 이름지원되지 않음
버전 2 및 3 이름TileSquare310x310ImageAndTextOverlay01
TileSquare310x310ImageAndTextOverlay01 example
샘플 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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
1248x248310x310434x434558x558

 

TileSquare310x310ImageAndTextOverlay02

  • Applies to Windows

Windows만 해당합니다. Windows Phone 8.1에서는 지원되지 않습니다.

배경: 전체 타일을 채우는 단일 이미지 전경: 위쪽에는 최대 2줄로 줄 바꿈되는 큰 텍스트 문자열 하나가 표시되고, 아래쪽에는 최대 3줄로 줄 바꿈되는 보통 텍스트 문자열 하나가 표시됩니다. 텍스트 색이 밝은 경우 텍스트 가시성을 향상시키기 위해 이미지가 약간 어둡게 표시됩니다.

참고  이 템플릿을 사용하려면 visual 요소에서 version="2"를 선언해야 합니다.

버전 1 이름지원되지 않음
버전 2 및 3 이름TileSquare310x310ImageAndTextOverlay02
TileSquare310x310ImageAndTextOverlay02 example
샘플 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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
1248x248310x310434x434558x558

 

TileSquare310x310ImageAndTextOverlay03

  • Applies to Windows

Windows만 해당합니다. Windows Phone 8.1에서는 지원되지 않습니다.

배경: 전체 타일을 채우는 단일 이미지 전경: 위쪽에는 최대 2줄로 줄 바꿈되는 큰 텍스트 문자열 하나가 표시되고, 아래쪽에는 줄 바꿈되지 않는 3줄에 보통 텍스트 문자열 3개가 표시됩니다. 텍스트 색이 밝은 경우 텍스트 가시성을 향상시키기 위해 이미지가 약간 어둡게 표시됩니다.

참고  이 템플릿을 사용하려면 visual 요소에서 version="2"를 선언해야 합니다.

버전 1 이름지원되지 않음
버전 2 및 3 이름TileSquare310x310ImageAndTextOverlay03
TileSquare310x310ImageAndTextOverlay03 example
샘플 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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
1248x248310x310434x434558x558

 

TileSquare310x310ImageCollectionAndText01

  • Applies to Windows

Windows만 해당합니다. Windows Phone 8.1에서는 지원되지 않습니다.

TileSquare310x310ImageCollection: 타일 아래쪽을 따라 텍스트 리본 추가 텍스트 영역은 최대 2줄로 줄 바꿈되는 보통 텍스트 문자열 하나를 포함합니다. 작은 이미지는 큰 이미지의 위쪽을 구분하는 반면, 텍스트 영역은 이미지의 아래쪽을 구분합니다. 텍스트 영역의 너비는 로고가 표시되는지 여부에 따라 달라집니다.

참고  이 템플릿은 "로고" 또는 "없음"으로만 branding을 허용하며 "이름"으로는 허용하지 않습니다. 따라서 브랜딩 특성을 "이름"으로 설정할 경우 자동으로 "로고"로 되돌립니다.

참고  이 템플릿을 사용하려면 visual 요소에서 version="2"를 선언해야 합니다.

버전 1 이름지원되지 않음
버전 2 및 3 이름TileSquare310x310ImageCollectionAndText01
TileSquare310x310ImageCollectionAndText01 example
샘플 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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
1248x148310x185434x259558x333
2,564x6080x75112x105144x135
3,460x6075x75105x105135x135
이미지 2의 맨 왼쪽 픽셀과 이미지 4 및 5의 맨 오른쪽 픽셀이 테두리로 가려져 있습니다.

 

TileSquare310x310ImageCollectionAndText02

  • Applies to Windows

Windows만 해당합니다. Windows Phone 8.1에서는 지원되지 않습니다.

TileSquare310x310ImageCollection: 타일 아래쪽을 따라 텍스트 리본 추가 텍스트 영역은 2줄로 이루어진 보통 텍스트 문자열 2개를 포함합니다. 텍스트는 줄 바꿈되지 않습니다. 작은 이미지는 큰 이미지의 위쪽을 구분하는 반면, 텍스트 영역은 이미지의 아래쪽을 구분합니다. 텍스트 영역의 너비는 로고가 표시되는지 여부에 따라 달라집니다.

참고  이 템플릿은 "로고" 또는 "없음"으로만 branding을 허용하며 "이름"으로는 허용하지 않습니다. 따라서 브랜딩 특성을 "이름"으로 설정할 경우 자동으로 "로고"로 되돌립니다.

참고  이 템플릿을 사용하려면 visual 요소에서 version="2"를 선언해야 합니다.

버전 1 이름지원되지 않음
버전 2 및 3 이름TileSquare310x310ImageCollectionAndText02
TileSquare310x310ImageCollectionAndText02 example
샘플 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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
1248x148310x185434x259558x333
2,564x6080x75112x105144x135
3,460x6075x75105x105135x135
이미지 2의 맨 왼쪽 픽셀과 이미지 4 및 5의 맨 오른쪽 픽셀이 테두리로 가려져 있습니다.

 

TileSquare310x310SmallImagesAndTextList01

  • Applies to Windows

Windows만 해당합니다. Windows Phone 8.1에서는 지원되지 않습니다.

각각 큰 텍스트의 헤더 문자열 하나의 왼쪽에 있는 작은 사각형 이미지 하나와 그 아래 2줄에 표시된 보통 텍스트 문자열 2줄로 구성된 세 개의 정보 집합이 표시됩니다. 텍스트는 줄 바꿈되지 않습니다.

참고  이 템플릿을 사용하려면 visual 요소에서 version="2"를 선언해야 합니다.

버전 1 이름지원되지 않음
버전 2 및 3 이름TileSquare310x310SmallImagesAndTextList01
TileSquare310x310SmallImagesAndTextList01 example
샘플 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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
1,2,348x4860x6084x84108x108

 

TileSquare310x310SmallImagesAndTextList02

  • Applies to Windows

Windows만 해당합니다. Windows Phone 8.1에서는 지원되지 않습니다.

각각 최대 3줄로 줄 바꿈되는 보통 텍스트 문자열 하나의 왼쪽에 있는 작은 사각형 이미지 하나로 구성된 최대 세 개의 정보 집합이 표시됩니다.

참고  이 템플릿을 사용하려면 visual 요소에서 version="2"를 선언해야 합니다.

버전 1 이름지원되지 않음
버전 2 및 3 이름TileSquare310x310SmallImagesAndTextList02
TileSquare310x310SmallImagesAndTextList02 example
샘플 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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
1,2,348x4860x6084x84108x108

 

TileSquare310x310SmallImagesAndTextList03

  • Applies to Windows

Windows만 해당합니다. Windows Phone 8.1에서는 지원되지 않습니다.

각각 최대 2줄로 줄 바꿈되는 보통 텍스트 문자열 하나 위의 큰 텍스트 문자열 하나의 왼쪽에 있는 작은 사각형 이미지 하나로 구성된 최대 세 개의 정보 집합이 표시됩니다.

참고  이 템플릿을 사용하려면 visual 요소에서 version="2"를 선언해야 합니다.

버전 1 이름지원되지 않음
버전 2 및 3 이름TileSquare310x310SmallImagesAndTextList03
TileSquare310x310SmallImagesAndTextList03 example
샘플 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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
1,2,348x4860x6084x84108x108

 

TileSquare310x310SmallImagesAndTextList04

  • Applies to Windows

Windows만 해당합니다. Windows Phone 8.1에서는 지원되지 않습니다.

각각 최대 2줄로 줄 바꿈되는 보통 텍스트 문자열 하나 위의 큰 텍스트 문자열 하나의 오른쪽에 있는 작은 직사각형 이미지 하나로 구성된 최대 세 개의 정보 집합이 표시됩니다.

참고  이 템플릿을 사용하려면 visual 요소에서 version="2"를 선언해야 합니다.

버전 1 이름지원되지 않음
버전 2 및 3 이름TileSquare310x310SmallImagesAndTextList04
TileSquare310x310SmallImagesAndTextList04 example
샘플 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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
1,2,336x5245x6563x9181x117

 

TileSquare310x310SmallImagesAndTextList05

  • Applies to Windows

Windows만 해당합니다. Windows Phone 8.1에서는 지원되지 않습니다.

각각 큰 텍스트의 헤더 문자열 하나의 왼쪽에 있는 작은 사각형 이미지 하나와 그 아래 2줄에 표시된 보통 텍스트 문자열 2줄로 구성된 세 개의 정보 집합 위에 헤더 텍스트 한 줄이 표시됩니다. 텍스트는 줄 바꿈되지 않습니다.

참고  이 템플릿을 사용하려면 visual 요소에서 version="2"를 선언해야 합니다.

버전 1 이름지원되지 않음
버전 2 및 3 이름TileSquare310x310SmallImagesAndTextList05
TileSquare310x310SmallImagesAndTextList05 example
샘플 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의 배율당 이미지 크기(픽셀)

이미지 ID80%100%140%180%
1,2,348x4860x6084x84108x108

 

TileSquare310x310SmallImageAndText01

  • Applies to Windows

Windows만 해당합니다. Windows Phone 8.1에서는 지원되지 않습니다.

왼쪽 위 모서리(오른쪽에서 왼쪽으로 읽는 시스템의 경우 오른쪽 위)에 중간 크기 이미지 하나가 줄 바꿈되지 않는 헤더 문자열 위에 표시됩니다. 그 아래에는 최대 2줄로 줄 바꿈되는 보통 텍스트와 한 줄로만 구성되는 보통 텍스트가 표시됩니다.

참고  이 템플릿을 사용하려면 visual 요소에서 version="2"를 선언해야 합니다.

버전 1 이름지원되지 않음
버전 2 및 3 이름TileSquare310x310SmallImageAndText01
TileSquare310x310SmallImageAndText01 example
샘플 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의 배율당 이미지 크기(픽셀)

이미지 ID80%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="2">
    <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만 해당

하나의 아이콘 이미지입니다. 아이콘 이미지 배경은 타일 색상을 볼 수 있도록 투명해야 합니다. 별도의 알림을 통해 전송된 배지는 이미지의 오른쪽에 표시됩니다. 이 페이지에 있는 다른 예제 이미지와는 달리 배지(이 경우 13번)는 여기에 포함됩니다. 타일 크기가 작은 이 템플릿은 매니페스트에 선언된 앱 이름 또는 로고를 표시할 수 없습니다.

참고  이 템플릿을 사용하려면 visual 요소에서 version="3"를 선언해야 합니다.

버전 1 이름지원되지 않음
버전 2 이름지원되지 않음
버전 3 이름TileSquare71x71IconWithBadge
TileSquare71x71IconWithBadge 예
샘플 XML

 

TileSquare150x150IconWithBadge

  • Applies to Windows Phone

Windows Phone만 해당

하나의 아이콘 이미지입니다. 아이콘 이미지 배경은 타일 색상을 볼 수 있도록 투명해야 합니다. 별도의 알림을 통해 전송된 배지는 이미지의 오른쪽에 표시됩니다. 이 페이지에 있는 다른 예제 이미지와는 달리 배지(이 경우 13번)는 여기에 포함됩니다.

참고  이 템플릿을 사용하려면 visual 요소에서 version="3"를 선언해야 합니다.

버전 1 이름지원되지 않음
버전 2 이름지원되지 않음
버전 3 이름TileSquare150x150IconWithBadge
TileSquare150x150IconWithBadge 예
샘플 XML

 

TileWide310x150IconWithBadgeAndText

  • Applies to Windows Phone

Windows Phone만 해당

오른쪽 아래의 단일 아이콘 이미지. 아이콘 이미지 배경은 타일 색상을 볼 수 있도록 투명해야 합니다. 별도의 알림을 통해 전송된 배지는 이미지의 오른쪽에 표시됩니다. 이 페이지에 있는 다른 예제 이미지와는 달리 배지(이 경우 13번)는 여기에 포함됩니다.

참고  이 템플릿에 텍스트 요소가 지정되지 않은 경우 아이콘 이미지와 배지는 타일의 중앙에 옵니다.

오른쪽 위에서 첫 번째 줄에는 큰 텍스트의 헤더 문자열 하나가 표시되고, 다음 두 줄에는 보통 텍스트 문자열 두 개가 표시됩니다. 텍스트는 줄 바꿈되지 않습니다.

참고  이 템플릿을 사용하려면 visual 요소에서 version="3"를 선언해야 합니다.

버전 1 이름지원되지 않음
버전 2 이름지원되지 않음
버전 3 이름TileWide310x150IconWithBadgeAndText
TileWide310x150IconWithBadgeAndText 예
샘플 XML

 

버전이 있는 템플릿

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 알림과 거의 다르지 않습니다.

대체 특성 사용 방법

versionfallback 특성을 사용하면 Windows 8 클라이언트나 Windows 8.1 또는 Windows Phone 8.1 클라이언트 중 어디에서 수신하든 인식될 수 있는 알림을 보낼 수 있습니다.

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 스키마
타일 및 타일 알림 개요
타일 및 알림 이미지 크기
다양한 앱 유형에 라이브 타일 사용

 

 

표시:
© 2014 Microsoft