빠른 시작: 시작 화면 추가(HTML)
[ 이 문서는 Windows 런타임 앱을 작성하는 Windows에서 8.x 및 Windows Phone 8.x 개발자를 대상으로 합니다. Windows 10용으로 개발하는 경우에는 최신 설명서를 참조하세요.]
Microsoft Visual Studio 2013을 사용하여 앱의 시작 화면 이미지와 배경색을 설정합니다.
앱 기능 전체 프로세스 시리즈의 일부로 이 기능의 작동 방법을 살펴보세요.: Windows 스토어 앱 UI 전체 프로세스(HTML).
사전 요구 사항
이 빠른 시작에서는 Visual Studio 2013을 사용합니다. 다운로드하려면 도구 얻기를 참조하세요.
Visual Studio 2013에서 시작 화면 이미지와 배경색을 설정합니다.
Visual Studio 2013 템플릿을 사용하여 앱을 만드는 경우 기본 이미지가 프로젝트에 추가되고 시작 화면 이미지로 설정됩니다. 시작 화면의 배경색은 기본적으로 연한 회색으로 설정됩니다. 앱 시작 화면의 기본 이미지 또는 색을 변경하려면 다음 단계를 따르세요.
Visual Studio 2013에서 기존 Windows 런타임 앱 프로젝트를 엽니다.
솔루션 탐색기에서 "Package.appxmanifest" 파일을 엽니다. 프로젝트, 스토어 및 앱 매니페스트 편집을 선택하여 메뉴 모음에서 이 파일을 열 수도 있습니다.
시각적 자산 탭을 열고 "Package.appxmanifest" 창 왼쪽의 모든 이미지 자산 창에서 시작 화면을 선택합니다. 시작 화면을 처음 변경하는 경우 시작 화면 필드에 "Assets\SplashScreen.png" 경로가 표시됩니다.
다음 스크린샷은 Visual Studio 2013의 "Package.appxmanifest" 창을 보여 줍니다. 프로젝트가 Windows 스토어 앱 또는 Windows Phone 스토어 앱용인지 여부에 따라 약간 다른 시각적 자산 집합이 표시됩니다.
.png "Visual Studio 2013의 \"Package.appxmanifest\" 창 스크린샷")
텍스트 편집기에서 "Package.appxmanifest"를 열면 SplashScreen element가 VisualElements element의 자식으로 표시됩니다. 매니페스트 파일의 기본 시작 화면 태그는 텍스트 편집기에서 다음과 같이 나타납니다.
<m2:SplashScreen Image="Assets\splashscreen.png" />Windows 스토어 앱에 대해 새로운 시작 화면 이미지를 선택하려면 크기 조정된 자산 아래의 620x300 px 레이블 옆에 표시되는 줄임표 단추를 누릅니다. 시작 화면 이미지로 사용하려는 620x300 픽셀 이미지(.png, .jpg 또는 .jpeg)를 선택합니다.
중요 선택하는 시작 화면 이미지는 1x 배율 인수를 사용하는 620x300 픽셀이어야 합니다. 또한 스플래시 화면을 디자인할 때는 화면 가운데에 표시되고 화면보다 작아야 한다는 것에 주의해야 합니다. Windows Phone 스토어 앱용 시작 화면과 같이 화면을 모두 채우지 않습니다.
Windows Phone 스토어 앱에 대해 새로운 시작 화면 이미지를 선택하려면 크기 조정된 자산 아래의 1152x1920 px 레이블 옆에 표시되는 줄임표 단추를 누릅니다. 시작 화면 이미지로 사용하려는 1152x1920 픽셀 이미지(.png, .jpg 또는 .jpeg)를 선택합니다.
중요 선택하는 시작 화면 이미지는 2.4배율 인수에 올바른 크기인 1152x1920 픽셀이어야 합니다. 이 자산이 사용자가 제공하는 유일한 자산인 경우, 1.4 및 1배율 인수로 축소됩니다.
시작 화면 섹션의 배경색 필드에서 시작 화면 이미지와 함께 표시할 배경색을 설정합니다. 색 이름이나 '#'과 색의 16진수 값을 입력할 수 있습니다. 사용 가능한 색 이름 목록은 SplashScreen element를 참조하세요.
시작 화면의 배경색을 설정하는 것은 선택적인 작업입니다. Windows 스토어 앱의 색을 지정하지 않으면 시작 화면 배경색이 기본적으로 연한 회색(16진수 값 #464646)으로 설정됩니다. 이 색은 기본 타일 배경색과 같습니다(시각적 자산 탭에 있는 타일 이미지 및 로고 섹션의 배경색 필드 참조). Windows Phone 스토어 앱의 색을 지정하지 않거나 "투명"으로 설정하면, 시작 화면 배경색이 투명하게 됩니다.
요약 및 다음 단계
앱을 로드하는 데 시간이 걸리는 경우 연장된 시작 화면을 추가하는 것이 좋습니다. 단계별 지침은 시작 화면을 연장하는 방법을 참조하세요. 최적의 로드 환경을 만드는 방법은 시작 화면에 대한 지침 및 검사 목록을 참조하세요.
Windows 스토어 앱에 필요한 다른 이미지에 대해 자세히 알고 싶으세요? 앱 이미지 선택을 참조하세요.
관련 항목
참조