Добавление экрана-заставки

Задайте изображение экрана-заставки и цвет фона для вашего приложения с помощью Microsoft Visual Studio.

Задание изображения экрана-заставки и цвета фона с помощью Visual Studio

Если для создания приложения используется шаблон Visual Studio, изображение по умолчанию добавляется в проект и задается как изображение экрана-заставки. Цвет фона для экрана-заставки по умолчанию светло-серый. Чтобы изменить стандартное изображение или цвет экрана-заставки вашего приложения:

  1. Откройте существующий проект универсальной платформы Windows (UWP) в Visual Studio.

  2. В средстве Обозреватель решений откройте файл Package.appxmanifest. Вы также можете открыть этот файл в строке меню, выбрав Project>Store>Edit App Manifest (Изменить манифест приложения).

  3. Перейдите на вкладку Визуальные ресурсы и выберите Экран-заставка в области Все визуальные ресурсы в левой части окна Package.appxmanifest. Если вы изменяете экран-заставку в первый раз, в поле Экран-заставка появится путь "Assets\SplashScreen.png".

    На следующем снимке экрана показано окно Package.appxmanifest в Visual Studio. Доступный вам набор визуальных ресурсов может несколько отличаться в зависимости от типа проекта.

    Снимок экрана окна package.appxmanifest в Visual Studio 2019

    Если открыть Package.appxmanifest в текстовом редакторе, элемент SplashScreen будет отображаться как дочерний элемент элемента VisualElements. Ниже показано, как разметка экрана-заставки, используемого по умолчанию, в файле манифеста выглядит в текстовом редакторе.

    <uap:SplashScreen Image="Assets\SplashScreen.png" />
    
  4. Чтобы выбрать новое изображение экрана-заставки для приложения UWP, нажмите кнопку с многоточием, которая отображается рядом с меткой 1240 x 600 пикселей под областью Масштабированные активы. Выберите изображение размером 1240 x 600 пикселей (с расширением PNG, JPG или JPEG), которое вы бы хотели использовать в качестве экрана-заставки.

    Важно Выбранное изображение экрана-заставки должно иметь размер 620 x 300 пикселей с коэффициентом масштабирования в 1 раз. Кроме того, при разработке экрана-заставки обратите внимание, что экран-заставка меньше экрана и расположен по центру. Экран-заставка не заполняет экран, как это делает экран-заставка приложения Магазина Windows Phone.

  5. Чтобы выбрать новое изображение экрана-заставки для приложения Магазина Windows Phone, нажмите кнопку с многоточием, которая отображается рядом с меткой 1152 x 1920 пикселей под областью Масштабированные активы. Выберите изображение размером 1152 x 1920 пикселей (с расширением PNG, JPG или JPEG), которое вы бы хотели использовать в качестве экрана-заставки.

    Важно Выбранное изображение экрана-заставки должно иметь размер 1152 x 1920 пикселей, что является правильным размером для коэффициента масштабирования 2,4x. Если это единственный ресурс, который вы предоставляете, то он будет масштабироваться в сторону уменьшения для коэффициентов масштабирования 1,4x и 1x.

  6. В поле Цвет фона в разделе Экран-заставка задайте цвет фона, отображаемый вместе с изображением экрана-заставки. Можно ввести имя цвета или "#" и шестнадцатеричное значение цвета. Список названий доступных цветов см. в элементе SplashScreen. Задавать цвет фона экрана-заставки не обязательно. Если не указать цвет для приложения UWP, цвет фона экрана-заставки по умолчанию будет светло-серым (шестнадцатеричное значение #464646). Такой же цвет задан по умолчанию для фона элемента Плитка (см. поле Цвет фона раздела Изображения и логотипы на плитках на вкладке Визуальные ресурсы). Если вы не укажете цвет для Windows Phone или установите для него значение "прозрачный", цвет фона экрана-заставки будет прозрачен.

Сводка и дальнейшие действия

Если ваше приложение загружается медленно, рекомендуется добавить расширенный экран-заставку. Пошаговое руководство см. в статье Создание настраиваемого экрана-заставки.