언어: HTML | XAML

빠른 시작: Microsoft Visual Studio 매니페스트 편집기를 사용하여 기본 타일 만들기(Windows 런타임 앱)

Applies to Windows and Windows Phone

이 항목에서는 Visual Studio 매니페스트 편집기를 사용하여 기본 타일(타일이 알림을 받기 시작할 때까지 시작 화면에 표시되는 타일)을 만드는 데 필요한 단계를 안내합니다.

앱 기능 전체 프로세스 시리즈의 일부로 이 기능의 작동 방법을 살펴보세요.:  Windows 스토어 앱 UI 전체 프로세스

목표: 설치된 템플릿을 사용하여 Visual Studio에서 새 프로젝트를 만들려면 패키지 매니페스트에서 기본 타일 및 해당 이미지를 정의합니다.

사전 요구 사항

  • Windows 8 이상을 지원하는 Visual Studio의 버전
  • 타일에 표시할 로고 이미지 또는 이미지 집합
  • 검색 결과, 앱 목록 및 UI의 다른 위치에서 사용할 로고 이미지의 작은 버전
  • 옵션: 로고 이미지 파일의 와이드 버전. 와이드 이미지를 포함해야 하는 경우와 그렇지 않은 경우에 대한 자세한 내용은 타일에 대한 지침 및 검사 목록을 참조하세요.

지침

1. 새 프로젝트를 만듭니다.

  1. Visual Studio를 엽니다.
  2. 새 프로젝트...를 클릭합니다.
  3. 왼쪽 패널에서 설치됨이 아직 확장되지 않은 경우 이를 클릭합니다.
  4. 템플릿에서 프로젝트 언어를 확장합니다.
  5. 스토어 앱을 선택합니다.
  6. Windows 앱, Phone 앱 또는 범용 앱(Windows 및 Windows Phone 포함) 중 앱에 가장 적합한 옵션을 선택합니다.
  7. 새 프로젝트 창의 가운데 창에서 빈 앱을 선택합니다.
  8. 창의 맨 아래에서 프로젝트에 이름을 지정합니다.
  9. 확인을 클릭합니다.

2. 매니페스트 편집기 열기

  1. 솔루션 탐색기가 표시되지 않는 경우 보기 메뉴에서 선택합니다.
  2. package.appxmanifest를 두 번 클릭합니다. 매니페스트 편집기 창이 열립니다.

3. 기본 타일 세부 정보 제공

참고  이 단계에서는 매니페스트 편집기에서 사용할 수 있는 모든 옵션이 아니라 기본 타일과 관련된 옵션만 다룹니다.

  1. 아직 선택하지 않은 경우 응용 프로그램 탭을 선택합니다.
  2. 필요한 경우 표시 이름을 변경합니다. 표시 이름은 타일이 앱 목록에 나열되는 기준이고 타일에 표시되는 이름입니다.
  3. 시각적 자산 탭 선택
  4. 타일 이미지 및 로고 아래에 있는 기본 이미지는 Windows Phone 매니페스트의 모든 로고에 대해 제공되고 Windows 매니페스트의 로고를 선택합니다.
    • 150x150 정사각형 로고
    • 30x30 정사각형 로고
    • 스토어 로고

    이러한 이미지를 고유한 이미지로 바꿔야 합니다. 다양한 표시 배율로 이미지를 제공할 수도 있지만 이미지를 모두 제공할 필요는 없습니다. 각 로고에 이미지를 하나만 제공하려면 Windows의 경우 180% 배율을, Windows Phone의 경우 240% 배율을 제공하세요. 제공된 이미지는 매니페스트 편집기에 지정된 정확한 픽셀 크기여야 합니다.

    중요  와이드 및 큰 타일 크기의 경우 사용자가 앱 타일 크기를 해당 크기에 맞게 조정할 수 있도록 와이드 및 큰 로고 이미지를 제공해야 합니다. 이러한 로고 이미지가 없으면 앱 타일 크기가 중간 크기 및 작은 타일로 제한됩니다.

  5. 앱의 짧은 이름을 입력합니다. 이 이름은 타일에서 표시 이름 대신 사용됩니다. 이 이름은 13자 이하여야 합니다. 이름이 너무 길면 잘립니다. 타일 업데이트에 로고 또는 짧은 이름을 표시하거나 둘 다 표시하지 않을 수 있습니다.
  6. 짧은 이름을 표시할 수 있는 타일 크기를 선택합니다.
  7. Windows만 해당: 타일 배경색에 따라 이름 텍스트에 밝은 글꼴을 사용할지, 아니면 어두운 글꼴을 사용할지 선택합니다.
  8. Windows만 해당: 타일의 기본 크기를 선택합니다. 사용자가 시작 화면에 앱을 고정하면 이 크기로 표시됩니다.
  9. 기본 배경색을 적용하거나 고유한 색을 W3DC 색 문자열(예: "#FFFFFF")로 제공합니다. 이 배경색은 앱이 소유한 대화 상자의 단추 색, Windows 스토어의 앱 설명 페이지 등 앱의 다른 측면에 색상을 지정하는 데 사용됩니다.

    참고  Windows Phone: 시스템의 테마 컬러를 사용하려면 배경색을 "투명"으로 설정합니다.

요약 및 다음 단계

이 빠른 시작에서는 패키지 매니페스트에 기본 타일의 정의를 만들었습니다.

앱이 설치된 후 사용자와 관련된 정보로 타일을 업데이트할 수 있습니다. 타일 알림을 디자인하고 보내는 방법에 대한 자세한 내용은 빠른 시작: 타일 업데이트 보내기를 참조하세요.

관련 항목

Reversi 샘플 기능 시나리오: 타일 및 시작 화면

 

 

표시:
© 2014 Microsoft