정보
요청한 주제가 아래에 표시됩니다. 그러나 이 주제는 이 라이브러리에 포함되지 않습니다.

Windows Phone 8의 순환 타일 템플릿

2014-06-18

적용 대상: Windows Phone 8 및 Windows Phone Silverlight 8.1만

 

순환 타일 템플릿은 한 개에서 9개 이미지 사이를 순환합니다.

이 템플릿은 Windows Phone 8 에서 고유하게 사용됩니다. Windows Phone OS 7.1 의 타일에 대한 자세한 내용은 Windows Phone OS 7.1 타일 템플릿을 참조하세요.

Windows Phone Cycle Tile template showcase image

다음 이미지는 순환 타일 템플릿의 각 측면과 연결된 API 이름을 보여 줍니다. CycleTileData 클래스를 사용하여 이러한 속성을 업데이트합니다.

Windows Phone CycleTiles_ Tile template properties

다음 이미지는 순환 타일 템플릿에 대한 크기 조정 정보를 설명합니다.

Windows Phone Cycle Tile template size information

멋진 순환 타일 디자인 방법에 대한 자세한 내용은 Windows Phone용 순환 타일 템플릿 디자인 지침을 참조하세요.

XML 또는 코드를 사용하여 순환 타일을 만들거나 업데이트할 수 있습니다.

XML을 사용하여 순환 타일 만들기 또는 업데이트

다음 코드 예제에서는 XML을 사용하여 순환 타일을 만들거나 업데이트하는 방법을 보여 줍니다.

<?xml version="1.0" encoding="utf-8"?>
<wp:Notification xmlns:wp="WPNotification" Version="2.0">
  <wp:Tile Id="[Tile ID]" Template="CycleTile">
    <wp:SmallBackgroundImage [Action="Clear"]>[small Tile size URI]</wp:SmallBackgroundImage>
    <wp:CycleImage1 Action="Clear">[photo 1 URI]</wp:CycleImage1>
    <wp:CycleImage2 Action="Clear">[photo 2 URI]</wp:CycleImage2>
    <wp:CycleImage3 Action="Clear">[photo 3 URI]</wp:CycleImage3>
    <wp:CycleImage4 Action="Clear">[photo 4 URI]</wp:CycleImage4>
    <wp:CycleImage5 Action="Clear">[photo 5 URI]</wp:CycleImage5>
    <wp:CycleImage6 Action="Clear">[photo 6 URI]</wp:CycleImage6>
    <wp:CycleImage7 Action="Clear">[photo 7 URI]</wp:CycleImage7>
    <wp:CycleImage8 Action="Clear">[photo 8 URI]</wp:CycleImage8>
    <wp:CycleImage9 Action="Clear">[photo 9 URI]</wp:CycleImage9>
    <wp:Count Action="Clear">[count]</wp:Count>
    <wp:Title Action="Clear">[title]</wp:Title>
  </wp:Tile>
</wp:Notification>

코드를 사용하여 순환 타일 만들기 또는 업데이트

다음 코드 예제에서는 C# 코드를 사용하여 순환 타일을 만들거나 업데이트하는 방법을 보여 줍니다.

CycleTileData cycleTile = new CycleTileData()
{
   Title = "Contoso",
   Count = 10,
   SmallBackgroundImage = new Uri("/Assets/Tiles/smallBackgroundImage.jpg", UriKind.Relative),
   CycleImages = new Uri[]
   {
      new Uri("/Assets/Tiles/cycleImage1.jpg", UriKind.Relative), 
      new Uri("/Assets/Tiles/cycleImage2.jpg", UriKind.Relative), 
      new Uri("/Assets/Tiles/cycleImage3.jpg", UriKind.Relative), 
      new Uri("/Assets/Tiles/cycleImage4.jpg", UriKind.Relative), 
      new Uri("/Assets/Tiles/cycleImage5.jpg", UriKind.Relative), 
      new Uri("/Assets/Tiles/cycleImage6.jpg", UriKind.Relative), 
      new Uri("/Assets/Tiles/cycleImage7.jpg", UriKind.Relative), 
      new Uri("/Assets/Tiles/cycleImage8.jpg", UriKind.Relative), 
      new Uri("/Assets/Tiles/cycleImage9.jpg", UriKind.Relative), 
   }
};

순환 타일 만들기

XML에서 속성의 값을 지우려면 해당 속성의 Action 특성을 Clear로 설정합니다. 코드에서 속성의 값을 지우려면 값을 빈 문자열로 설정합니다.

표시: