Краткое руководство: создание стандартной плитки с помощью редактора манифестов Microsoft Visual Studio (приложения среды выполнения Windows)

  • Статья

[ Эта статья адресована разработчикам приложений среды выполнения Windows для Windows 8.x и Windows Phone 8.x. При разработке приложений для Windows 10 см. раздел последняя документация]

В этом разделе вы узнаете, как создать стандартную плитку — плитку, которая будет отображаться на начальном экране до первого уведомления, — с помощью редактора манифестов Visual Studio.

Посмотрите, как работает эта функция, в нашей серии статей Компоненты приложения от начала до конца: Пользовательский интерфейс Магазина Windows от А до Я

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

Необходимые условия

  • Visual Studio с поддержкой ОС версии не ниже Windows 8.
  • Логотип или набор изображений для отображения на плитке.
  • Уменьшенная версия логотипа, предназначенная для отображения в результатах поиска, списке приложений и других элементах интерфейса.
  • Дополнительно: широкая версия логотипа. Подробнее о том, в каких случаях следует включать в состав приложения широкое изображение, см. в статье с руководством и контрольным списком для плиток.

Инструкции

1. Создание нового проекта

  1. Запустите программу Visual Studio.
  2. Щелкните New Project... (Создать проект).
  3. Нажмите Установлено на левой панели, если она еще не развернута.
  4. В разделе Шаблоны разверните язык проекта.
  5. Выберите Приложения Магазина.
  6. Выберите наиболее подходящий вариант для вашего приложения: приложения Windows, приложения Windows Phone или универсальные приложения (для Windows и Windows Phone).
  7. В центральной области окна Создать проект выберите Пустое приложение.
  8. Присвойте проекту имя в нижней части окна.
  9. Нажмите кнопку ОК.

2. Откройте редактор манифестов

  1. Если обозреватель решений не отображается, выберите его в меню View (Вид).
  2. Дважды щелкните package.appxmanifest. Откроется окно редактора манифестов.

3. Укажите сведения о стандартной плитке

Примечание  Здесь описываются не все возможности редактора манифестов, а только те, которые имеют отношение к стандартной плитке.

 

  1. Выберите вкладку Приложение, если она еще не открыта.

  2. При необходимости измените Отображаемое имя. Это имя, которое отображается на плитке и под которым плитка отображается в списке приложений.

  3. Откройте вкладку Визуальные активы.

  4. В разделе Изображения и эмблемы на плитках представлены стандартные изображения для всех логотипов в манифесте Windows Phone и избранных логотипов в манифесте Windows:

    • Квадратный логотип 150 x 150
    • Квадратный логотип 30 x 30
    • Логотип Магазина

    Замените эти изображения собственными. Вы можете предоставить изображения для разных визуальных масштабов, но не обязательно для всех. Если вы хотите предоставить только по одному изображению для каждого логотипа, предоставьте изображение в масштабе 180 % для Windows и в масштабе 240 % — для Windows Phone. Учтите, что размеры предоставленных изображений в пикселях должны в точности соответствовать размерам, указанным в редакторе манифестов.

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

     

  5. Введите краткое имя приложения. Его можно использовать в плитке вместо отображаемого имени. Это имя не должно быть длиннее 13 символов. Слишком длинные имена усекаются. В обновлениях плитки по вашему выбору может отображаться логотип, краткое имя либо не отображаться ни то ни другое.

  6. Укажите размеры плитки, при выборе которых может отображаться краткое имя.

  7. Только Windows. Укажите, должен ли текст имени отображаться светлым или темным шрифтом в зависимости от цвета фона плитки.

  8. Только Windows. Выберите стандартный размер для плитки. Это тот размер плитки, который используется, когда пользователь закрепляет приложение на начальном экране.

  9. Примите стандартный цвет фона или укажите собственную строку цвета W3DC (например, "#FFFFFF"). Цвет фона используется и для других элементов приложения, например кнопок в любом диалоговом окне приложения и страницы с описанием приложения в Магазине Windows. Примечание  Windows Phone. Выберите прозрачный фон (значение "transparent"), чтобы использовать цвета элементов, заданные системой.

     

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

В этом кратком руководстве вы научились создавать определение стандартной плитки в манифесте пакета.

После установки приложения можно начать обновление плитки для добавления информации, относящейся к пользователю. Подробные сведения о создании и отправке уведомления на плитке см. в разделе Краткое руководство. Отправка обновления плитки.

Связанные разделы

Сценарии работы с различными возможностями на примере Reversi: плитка и экран-заставка