Раширение для Visual Studio: генератор тайлов для UWP приложений

Windows 10 работает на различных форм-факторах, а это значит что на них работают и ваши UWP-приложения – приложения универсальной платформы Windows. Очень важно убедиться, что ваше приложение отлично выглядит на любом устройстве, когда пользователи работают с ним пальцами на сенсорном экране, используют клавиатуру или мышь, и даже когда приложение вовсе не открыто.
Одним из основных пользовательских опытов в интерфейсе Windows является наличие тайлов и иконок, которые пользователи видят в меню Пуск и  Панели задач. Предоставление плиток различных размеров будет гарантировать, что пользователь получит чётко выглядящие тайлы и иконки, когда установит приложение на своё устройство.

Как разработчик, создавая необходимые плитки с правильными размерами и придерживаясь рекомендаций, вы можете потратить много времени на этот рутинный труд. Чтобы сохранить время, теперь вы можете использовать расширение для Visual Studio из галереи, которое позаботится об этой нелёгкой для вас задаче. Простым нажатием правой кнопкой мыши на изображении вы можете создать все различные размеры плитки, а также обновить манифест package.appxmanifest.

Пошагово:
1) Добавьте изображение (SVG или PNG) в проект
2) Щелкните правой кнопкой мыши на файле формата SVG или PNG и выберите » Generate UWP Tiles»

3) Вот и результат

 

Чтобы получить лучшие результаты:
Есть несколько вещей, которые вы можете сделать, чтобы убедиться, что вы получите наилучшие результаты:
1) Используйте качественный источник изображения, чтобы все результирующие изображения были хорошими.
2) Использование SVG-файлов является предпочтительным, так как они хорошо масштабируются, но знайте, что инструмент также поддерживает PNG файлы. Если вы используете PNG, то разумно убедиться, что они в высоком разрешении, в противном случае может проявиться пикселизация изображения.
3) Убедитесь, что ваш логотип размещён на квадратном холсте с максимальным заполнением холста. Это рекомендация, которая даст возможность инструменту создать плитки соответствующие требованиям и рекомендациям для них.
4) Для получения прозрачного фона вашей плитки, убедитесь, что она имеет прозрачную границу толщиной в 1 пиксель, поскольку инструмент определяет фон плитки на основе пикселя в точке (0,0).
Вот и всё. С генератором плиток для UWP-приложений вы можете быстро создать плитки и иконки и заняться более важными и интересными задачами.

Перевод оригинальной статьи UWP Tile Generator Extension for Visual Studio
Автор: Shen Chauhan
Перевод: Сергей Урусов

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *