Windows Phone의 타일 개요

2012-02-09

타일은 시작 화면에 표시되는 응용프로그램 링크입니다. 타일에는 응용프로그램 타일과 보조 타일의 두 가지 유형이 있습니다.

응용프로그램 타일은 사용자가 응용프로그램 목록에 있는 응용프로그램의 아이콘을 길게 눌러 시작 화면에 응용프로그램을 고정할 때 만들어지는 타일입니다. 시작 화면에 고정된 응용프로그램 타일을 탭하면 응용프로그램의 시작 페이지로 이동합니다.

보조 타일은 사용자로부터의 상호 작용을 기반으로 응용프로그램에서 프로그래밍 방식으로 만들어집니다. 보조 타일의 일반적인 용도로, 사용자가 일기 예보를 확인하고자 하는 각 도시에 대해 시작 화면에 타일을 고정하는 날씨 응용프로그램과 국가별, 지역별, 스포츠 등, 사용자가 보려는 각각의 뉴스 유형별로 시작 화면에 타일을 고정하는 뉴스 응용프로그램을 들 수 있습니다. 응용프로그램의 코드는 타일의 탐색 대상을 사용자 지정할 수 있도록 타일에 시작 매개 변수를 제공합니다. 예를 들어 날씨 응용프로그램으로부터 고정된 보조 타일을 탭하면 특정 도시의 세부 사항 페이지가 열립니다. 이 타일은 해당 도시에 대한 날씨 세부 사항이 타일에 실시간으로 표시되고 업데이트되게 할 수도 있습니다.

응용프로그램 타일 없이 응용프로그램에 대한 보조 타일만 시작 화면에 표시할 수 있습니다.

타일 유형

타일 만들기

타일 삭제

타일 업데이트

응용프로그램 타일

사용자가 응용프로그램 목록에서 응용프로그램 이름을 길게 누르고 시작 화면에 고정을 선택할 때만 만들 수 있습니다. 속성은 초기에 응용프로그램 매니페스트에 설정됩니다. 자세한 내용은 방법: Windows Phone의 응용프로그램 타일에 대한 초기 속성 설정을 참조하십시오.

삭제할 수 없습니다. 응용프로그램 타일은 시작 화면에 고정될 수도 있고 고정되지 않을 수도 있습니다. 그러나 응용프로그램 타일이 시작 화면에 고정되지 않았더라도 나중에 사용자가 응용프로그램 타일을 시작 화면에 고정하려고 할 경우 그 속성 데이터가 갱신되도록 프로그래밍 방식으로 업데이트할 수 있습니다.

다음 방법으로 업데이트할 수 있습니다.

보조 타일

응용프로그램에서 사용자 입력의 결과로만 만들 수 있습니다. 그러면 응용프로그램은 Create(Uri, ShellTileData) 메서드를 사용하여 시작 화면에 타일을 만듭니다. 새 보조 타일이 만들어지면 UI가 시작 화면으로 이동하므로 한 번에 하나의 보조 타일만 만들 수 있습니다.

다음 방법으로 삭제할 수 있습니다.

  1. 사용자가 시작 화면에서 타일 삭제

  2. 응용프로그램 제거

  3. Delete()()()() 호출

다음 방법으로 업데이트할 수 있습니다.

Windows Phone OS 7.1 에서 시작하면 타일에는 두 개의 면이 있습니다. 타일은 "앞면"과 "뒷면"을 뒤집어가면서 정보를 표시합니다. 타일의 뒷면에 속성이 설정되지 않으면 타일은 뒤집히지 않고 앞면에만 정보가 표시됩니다. ShellTile 또는 푸시 알림을 사용하여 이러한 속성을 설정할 경우 새 값이 지정되지 않은 속성은 현재 값을 유지합니다.

타일 디자인 방법에 대한 지침은 Windows Phone의 필수 그래픽, 시각적 표시기 및 알림시작 타일 섹션을 참조하십시오. 타일에 대한 인증 지침은 Windows Phone의 응용프로그램 인증 요구 사항을 참조하십시오.

다음 그림은 타일의 앞면을 보여 줍니다.

AP_Tiles_TileComponentsFront

응용프로그램 타일 및 보조 타일의 속성은 동일합니다. 타일 앞면의 속성은 다음과 같습니다.

  • 제목. 응용프로그램의 제목을 나타내는 문자열입니다. Title은 텍스트 한 줄에 맞춰야 하며 실제 타일보다 넓으면 안 됩니다. 약 15자 정도면 제목이 잘리지 않습니다.

  • BackgroundImage. 타일 앞면에 표시되는 이미지입니다. 타일 앞면에는 항상 배경 이미지를 표시하는 것이 좋습니다.

  • Count(Badge라고도 함). 1에서 99 사이의 정수 값입니다. Count의 값이 설정되지 않거나 0으로 설정되는 경우 원 이미지와 값이 타일에 표시되지 않습니다.

다음 그림은 타일의 뒷면을 보여 줍니다.

AP_Tiles_TileComponentsBack

타일 뒷면의 속성은 다음과 같습니다.

  • BackTitle. 타일 뒷면의 아래쪽에 표시되는 문자열입니다. BackTitle은 텍스트 한 줄에 맞춰야 하며 실제 타일보다 넓으면 안 됩니다. 약 15자 정도면 제목이 잘리지 않습니다.

  • BackBackgroundImage. 타일 뒷면에 표시되는 이미지입니다.

  • BackContent. 타일 뒷면의 중앙에 표시되는 문자열입니다. 약 40자 정도면 잘리지 않고 타일에 표시됩니다.

중요중요:

보조 타일을 만들 때 BackgroundImageBackBackgroundImage 이미지는 로컬 리소스를 사용하여 만들어야 합니다.

보조 타일 또는 응용프로그램 타일의 업데이트는 로컬 또는 원격 이미지를 사용하여 수행할 수 있습니다. 로컬 리소스는 XAP 패키지의 일부로 설치되거나 격리된 저장소에 설치되어야 합니다. URI가 격리된 저장소에 저장된 이미지를 참조하는 경우 이미지는 Shared\ShellContent 폴더에 있어야 합니다. 자세한 내용은 Windows Phone의 격리된 저장소 개요를 참조하십시오.

BackgroundImageBackBackgroundImage 속성에 사용되는 이미지에 대한 추가 주의 사항이 있습니다.

  • 타일 이미지는 .jpg 또는 .png 파일이어야 합니다.

  • 네트워크의 다양성과 성능상의 이유로, 로컬 리소스를 타일 이미지로 사용하는 것이 좋습니다.

  • 투명한 부분이 있는 .png 파일을 이미지로 사용하면 이를 통과하여 테마 컬러가 표시되도록 할 수 있습니다.

  • 타일의 크기는 173 x 173 픽셀입니다. 제공되는 이미지의 치수가 다르면 173 x 173에 맞춰 늘일 수 있습니다.

  • 원격 이미지에는 https가 지원되지 않습니다.

  • 원격 이미지는 80kB 이하로 제한되며 이를 초과할 경우 다운로드되지 않습니다.

  • 원격 이미지는 30초 이내에 다운로드해야 하며 이를 초과할 경우 다운로드되지 않습니다.

  • 어떤 이유로 BackGround 또는 BackBackGround 이미지가 로드되지 않으면 업데이트에 설정된 나머지 속성도 변경되지 않습니다.

다음 표와 코드 샘플은 각 타일 속성이 표시되지 않도록 속성을 지우는 방법에 대해 설명합니다. 단, 타일 앞면에는 항상 배경 이미지를 표시하는 것이 좋습니다.

속성

Title

빈 문자열

BackgroundImage

배경 이미지는 항상 표시해야 합니다.

Count

0

BackTitle

빈 문자열

BackBackgroundImage

빈 URI

BackContent

빈 문자열

StandardTileData NewTileData = new StandardTileData
    {
        Title = "",
        BackgroundImage = new Uri("", UriKind.Relative),
        Count = 0,
        BackTitle = "",
        BackBackgroundImage = new Uri("", UriKind.Relative),
        BackContent = ""
    };

주의주의:

개발 프로세스 중에 솔루션 버전을 배포한 후 타일이나 응용프로그램 아이콘의 이미지를 업데이트해야 할 경우가 있습니다. 업데이트된 솔루션을 배포하는 경우 업데이트된 이미지가 단말기나 에뮬레이터에 즉시 표시되지 않을 수 있습니다. 업데이트를 관찰하려면 응용프로그램 목록을 스크롤하고 시작을 스크롤하거나, 휴대폰 또는 에뮬레이터를 소프트 리셋합니다.

애니메이션이나 사운드로는 타일을 업데이트할 수 없습니다. 타일 속성의 배치는 사용자 지정이 불가능합니다.

타일 작업

다음 기술을 사용하여 타일에 대한 작업을 수행할 수 있습니다.

표시: