내보내기(0) 인쇄
모두 확장
정보
요청한 주제가 아래에 표시됩니다. 그러나 이 주제는 이 라이브러리에 포함되지 않습니다.

Windows Phone 8의 아이콘 타일 템플릿

2014-06-18

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

 

아이콘 템플릿은 타일의 중앙에 작은 이미지를 표시하고, Windows Phone 디자인 원칙을 통합합니다.

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

Windows Phone Iconic Tile template showcase image

다음 이미지는 아이콘 타일 템플릿의 각 측면과 연관된 API 이름을 보여 줍니다. IconicTileData 클래스는 이 속성들을 업데이트하는 데 사용됩니다.

Windows Phone Iconic Tile template properties

다음 이미지는 아이콘 타일 템플릿의 크기 조정 정보를 보여 줍니다.

Windows Phone Iconic Tile template size info

멋진 아이콘 타일 디자인 방법에 대한 자세한 내용은 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="IconicTile">
    <wp:SmallIconImage [Action="Clear"]>[small Tile size URI]</wp:SmallIconImage>
    <wp:IconImage Action="Clear">[medium/wide Tile size URI]</wp:IconImage>
    <wp:WideContent1 Action="Clear">[1st row of content]</wp:WideContent1>
    <wp:WideContent2 Action="Clear">[2nd row of content]</wp:WideContent2>
    <wp:WideContent3 Action="Clear">[3rd row of content]</wp:WideContent3>
    <wp:Count Action="Clear">[count]</wp:Count>
    <wp:Title Action="Clear">[title]</wp:Title>
    <wp:BackgroundColor Action="Clear">[hex ARGB format color]</wp:BackgroundColor>
  </wp:Tile>
</wp:Notification>

XML을 사용하여 아이콘 타일 만들거나 업데이트할 때 BackgroundColor 요소는 16진수 ARGB 형식 색상으로 설정해야 합니다. 예를 들면, <wp:BackgroundColor Action="Clear">#FF524742</wp:BackgroundColor>입니다.

중요중요:

BackgroundColor 요소의 색상 값이 #FF524742와 같이 #FF로 시작하지 않으면, 사용자 지정 배경 색상이 표시되지 않고, 대신 기본 테마 컬러가 표시됩니다.

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

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

IconicTileData TileData = new IconicTileData()
{
   Title = "[title]",
   Count = [count],
   WideContent1 = "[1st row of content]",
   WideContent2 = "[2nd row of content]",
   WideContent3 = "[3rd row of content]",
   SmallIconImage = [small Tile size URI],
   IconImage = [medium/wide Tile size URI],
   BackgroundColor = [.NET color type of Tile]
};

C# 코드를 사용하여 아이콘 타일 만들거나 업데이트할 때 BackgroundColor 속성은 .NET 색상 형식으로 설정해야 합니다. 예를 들면, BackgroundColor = new Color{ A = 255, R = 0, G = 148, B = 255 }입니다.

중요중요:

BackgroundColor 속성의 A 매개 변수를 255로 설정하지 않으면, 사용자 지정 배경 색상이 표시되지 않고, 대신 기본 테마 컬러가 표시됩니다.

아이콘 타일 지우기

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

표시:
© 2014 Microsoft