언어: HTML | XAML

빠른 시작: 시작 화면 추가(XAML)

Applies to Windows and Windows Phone

Microsoft Visual Studio 2013을 사용하여 앱의 시작 화면 이미지와 배경색을 설정합니다.

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

사전 요구 사항

이 빠른 시작에서는 Visual Studio 2013을 사용합니다. 다운로드하려면 도구 얻기를 참조하세요.

Visual Studio 2013에서 시작 화면 이미지와 배경색을 설정합니다.

Visual Studio 2013 템플릿을 사용하여 앱을 만드는 경우 기본 이미지가 프로젝트에 추가되고 시작 화면 이미지로 설정됩니다. 시작 화면의 배경색은 기본적으로 연한 회색으로 설정됩니다. 앱 시작 화면의 기본 이미지 또는 색을 변경하려면 다음 단계를 따르세요.

  1. Visual Studio 2013에서 기존 Windows 런타임 앱 프로젝트를 엽니다.
  2. 솔루션 탐색기에서 "Package.appxmanifest" 파일을 엽니다. 프로젝트, 스토어앱 매니페스트 편집을 선택하여 메뉴 모음에서 이 파일을 열 수도 있습니다.
  3. 시각적 자산 탭을 열고 "Package.appxmanifest" 창 왼쪽의 모든 이미지 자산 창에서 시작 화면을 선택합니다. 시작 화면을 처음 변경하는 경우 시작 화면 필드에 "Assets\SplashScreen.png" 경로가 표시됩니다.

    다음 스크린샷은 Visual Studio 2013의 "Package.appxmanifest" 창을 보여 줍니다.

    Visual Studio 2013의 "Package.appxmanifest" 창 스크린샷

    텍스트 편집기에서 "Package.appxmanifest"를 열면 SplashScreen elementVisualElements element의 자식으로 표시됩니다. 매니페스트 파일의 기본 시작 화면 태그는 텍스트 편집기에서 다음과 같이 나타납니다.

    
    <m2:SplashScreen Image="Assets\SplashScreen.png" />
    
    
  4. 새로운 시작 화면 이미지를 선택하려면 크기 조정된 자산 아래의 620 x 300 px 레이블 옆에 표시되는 줄임표 단추를 누릅니다. 시작 화면 이미지로 사용하려는 620 x 300 픽셀 이미지(.png, .jpg 또는 .jpeg)를 선택합니다.

    중요  선택하는 시작 화면 이미지는 1x 배율 인수를 사용하는 620 x 300 픽셀이어야 합니다.

  5. 시작 화면 섹션의 배경색 필드에서 시작 화면 이미지와 함께 표시할 배경색을 설정합니다. 색 이름이나 '#'과 색의 16진수 값을 입력할 수 있습니다. 사용 가능한 색 이름 목록은 SplashScreen element를 참조하세요.

    시작 화면의 배경색을 설정하는 것은 선택적인 작업입니다. 색을 지정하지 않으면 시작 화면 배경색은 기본적으로 연한 회색(16진수 값 #464646)으로 설정됩니다. 이 색은 기본 타일 배경색과 같습니다(시각적 자산 탭에 있는 타일 이미지 및 로고 섹션의 배경색 필드 참조).

요약 및 다음 단계

앱을 로드하는 데 시간이 걸리는 경우 연장된 시작 화면을 추가하는 것이 좋습니다. 단계별 지침은 시작 화면을 연장하는 방법을 참조하세요. 최적의 로드 환경을 만드는 방법은 시작 화면에 대한 지침 및 검사 목록을 참조하세요.

Windows 스토어 앱에 필요한 다른 이미지에 대해 자세히 알고 싶으세요? 앱 이미지 선택을 참조하세요.

관련 항목

시작 화면 샘플
시작 화면에 대한 지침 및 검사 목록
시작 화면을 연장하는 방법
앱 이미지 선택
참조
Package manifest schema reference: SplashScreen element
Windows.ApplicationModel.Activation.SplashScreen class

 

 

표시:
© 2014 Microsoft