Share via

Приложения Магазина Windows 8.1. Оптимизация изображений для разных параметров разрешения экрана

  • Статья

 

Применимо к Windows и к Windows Phone

Можно добавить различные версии каждого изображения, идентифицирующего приложения (например, эмблемы и изображения заставки).Затем можно проверить их, чтобы убедиться, что они хорошо выглядят на разных устройствах с различными разрешениями экрана.При добавлении разных версий каждого изображения можно снизить степень растяжения или сжатия рисунков в соответствии с размером экрана пользователя.

Содержание раздела

  • Задание имен и упорядочивание файлов изображений

  • Добавление файлов изображений в проект

  • Указание файлов изображений в манифесте

  • Просмотр приложения при различных размерах и разрешениях экрана

Задание имен и упорядочивание файлов изображений

Присвойте файлам имена в соответствии с типом ресурса, который они представляют, например Square7070.png.Если вы собираетесь хранить несколько файлов в одной папке, добавьте в имена файлов префиксы, определяющие масштаб.Например, можно присвоить одному из файлов следующее имя: Square7070Logo.scale-100.png.

Если вы собираетесь упорядочить файлы в папках на основании коэффициента масштабирования, включите префикс масштаба в имя папки, а не в имена файлов.Например, можно сохранить файлы Square7070Logo.png и Square150150Logo.png во вложенную папку Assets\Scale-100.

Добавление файлов изображений в проект

Откройте решение и добавьте файлы изображений в папку Assets проекта приложения.

Если вы используете общий проект для создания приложения для нескольких форм-факторов (например, Windows и Windows Phone), рассмотрите возможность добавления файла изображения в папку Assets общего проекта в решении, но только при условии, что это изображение подходит для обоих форм-факторов.

Указание файлов изображений в манифесте

  1. В обозревателе решений откройте конструктор манифеста приложения (Package.appxmanifest) и выберите вкладку Визуальные активы.

  2. В списке визуальных активов выберите Все активы изображений для отображения параметров изображения.

  3. Если необходимо, чтобы на основной эмблеме отображалось короткое имя, укажите его в текстовом поле Короткое имя.

    Примечание

    Для приложений Windows Phone значения Короткое имя и Размер по умолчанию игнорируются.

  4. В текстовом поле любого логотипа (например, Квадратная эмблема 150 x 150) укажите имя для основного логотипа.

    Значение по умолчанию для логотипа «Квадратная эмблема 150 x 150»: assets\logo.PNG.

  5. В области Масштабированные активы страницы выберите Обзор () рядом с любым полем Масштаб, перейдите к папке Assets, укажите изображение, которое подходит для этого масштаба, а затем выберите кнопку Открыть.

    Примечание

    Для отображения увеличенного изображения в масштабированном виде выберите изображение в поле.Открывается окно предварительного просмотра с указанием списка мест, где будет использоваться каждый файл изображения.

    Изображение отображается в поле, а файл копируется.Скопированному файлу присваивается имя в соответствии с соглашениями об именовании ресурсов для приложений Магазин: имя.масштаб-nnn.ext, где nn — коэффициент масштабирования.Например, файлу может присваиваться имя Logo.scale-100.png.

Просмотр приложения при различных размерах и разрешениях экрана

Применимо только к Windows

Можно выполнить предварительный просмотр приложений, разработанных для Windows Магазин, с помощью симулятора.Дополнительные сведения см. в разделе Запуск приложений для Магазина Windows в симуляторе.

Можно выполнить предварительный просмотр приложений, разработанных для Windows Phone Магазин, с помощью эмулятора.Выберите эмулятор в раскрывающемся списке рядом с кнопкой Начать отладку на панели инструментов Стандартная отладчика.Выберите эмулятор, соответствующий тому разрешению экрана, с которым необходимо просмотреть приложение.

Важно!

Прежде чем публиковать приложение в Магазин, всегда проверяйте его на действительном устройстве.

См. также

Краткое руководство. Использование ресурсов файлов или изображений (приложения среды выполнения Windows с использованием C#/VB/C++ и XAML)
Краткое руководство. Использование ресурсов файлов или изображений (приложения среды выполнения Windows с использованием JavaScript и HTML)
Присвоение имен ресурсам с использованием префиксов (приложения среды выполнения Windows с использованием C#/VB/C++ и XAML)
External link http:// msdn.microsoft.com/library/windows/apps/Hh965372 (v=win.10) .aspx is not in the correct format.
Выбор изображений приложения
Рекомендации по масштабированию в зависимости от плотности пикселей
Размеры плиток и всплывающих изображений (приложения для среды выполнения Windows)
Рекомендации по плиткам и эмблемам
Рекомендации по эскизам
Каталог шаблонов плиток (приложения для среды выполнения Windows)